sublime text3开发Vue配置 |
您所在的位置:网站首页 › sublime怎么运行css代码 › sublime text3开发Vue配置 |
让sublime text3支持Vue语法高亮显示
准备语法高亮插件vue-syntax-highlight
下载地址:https://github.com/vuejs/vue-syntax-highlight Vue Syntax Highlight的插件,它不仅可以使代码高亮起来,还能进行代码智能提示 下载页面并下载: 进入sublime,选择菜单项“Preferences->Browse Packages…”。
在Vue文件夹中,将vue-syntax-highlight-master压缩包解压后的所有文件考入。 按下快捷键“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 - Set node 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就好了 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |