sublime text3开发Vue配置
让sublime text3支持Vue语法高亮显示准备语法高亮插件vue-syntax-highlight下载地址:https://github.com/vuejs/vue-syntax-highlightVue Syntax Highlight的插件,它不仅可以使代码高亮起来,还能进行代码智能提示下载页面并下载:解开压缩包vue-syntax-highlight-master,其内所有文件备用。
·
让sublime text3支持Vue语法高亮显示
准备语法高亮插件vue-syntax-highlight
下载地址:https://github.com/vuejs/vue-syntax-highlight
Vue Syntax Highlight的插件,它不仅可以使代码高亮起来,还能进行代码智能提示
下载页面并下载:
解开压缩包vue-syntax-highlight-master,其内所有文件备用。
将vue-syntax-highlight植入sbulime。
进入sublime,选择菜单项“Preferences->Browse Packages…”。
在打开的文件夹中创建“Vue”文件夹。
在Vue文件夹中,将vue-syntax-highlight-master压缩包解压后的所有文件考入。
sublime载入vue-syntax-highlight插件
按下快捷键“ctrl+shift+p”,在打开的packages输入框中输入vue,选择“Set Syntax:Vue Component”进行加载。
加载后重启sublime,重新打开.vue文件,即能看到语法高亮。
让sublime text3支持Vue代码格式化
使用 Sublime text 3 格式化HTML代码,需要安装插件,具体安装步骤如下:
- 打开菜单 -> 首选项(Perferences) -> 插件控制(Packpage Control),输入"Install Package"
- 等待程序进入插件管理功能,再输入插件名称:“HTML-CSS-JS prettify”
- 点击安装插件 “HTML-CSS-JS Prettify” 。
- 插件安装成功后,在需要格式化的HTML代码中,选中代码,然后按 “Ctrl+Alt+H” 对代码进行格式化。也可以右击菜单选择"html css js prettify"格式化代码
注意:
- 使用此插件需先安装node.js,windows默认安装在C盘,如果安装在其它地方,需额外配置node.js安装目录。
设置node.js安装目录:菜单 -> Preferences -> Packpage Settings -> HTML/CSS/JS Prettify - Setnode
Path。根据你的node安装目录是c盘或者d盘或者e盘或者f盘进行修改一下node安装的路径 - 默认对vue不支持,需要鼠标右击->HTML/CSS/JS Prettify -> Set
node
Path , 在”allowed_file_extensions”: [“htm”, “html”, “xhtml”, “shtml”, “xml”, “svg”,”vue”] 加上vue就好了
更多推荐
已为社区贡献15条内容
所有评论(0)