vue相关的sublime配置

来源:互联网 发布:python requests 重试 编辑:程序博客网 时间:2024/06/06 03:57

1, 语法高亮

这个问题

安装vue syntax highlight插件:

1.按住 ctrl + shift + p
2.输入:install Package
3.输入: Vue Syntax Highlight

关闭编辑器重启, 可以看到高亮效果, 但是如果你想在
script里用上es6语法, 在style里用上stylus并实现对应的语法高亮的话, 即在vue文件不同部分都实现语法高亮的话, 需要这么做:

1.ctrl+shift+p install 安装babel, stylus
2.分别在script和style标签上加上 lang=”text/babel” 和 lang=”stylus”

最后效果:
这里写图片描述

2, 语法补全

这是我找到的不错的vue插件:
vue-sublime-snippets
先下载文件到本地, 打开Data > packages 创建vue文件夹, 把下载内容拷贝进去,
在自己项目里新建一个vue文件, 输入 vbase 然后tab, 就可以创建vue文件模板了
输入 vfor, vbind 等命令就会出现对应代码块

至此, sublime的vue相关配置完成

原创粉丝点击