sublime编辑VUE React TypeScript代码高亮方法

 

未经允许，不得转载！

 

步骤：

 

1、下载packages资源，链接

vue https://github.com/vuejs/vue-syntax-highlight

React：https://github.com/babel/babel-sublime-snippets

TypeScript： https://github.com/microsoft/TypeScript-Sublime-Plugin

2、进入sublime/data/packages/目录下新建个VUE文件，将下载的包文件解压到新建目录文件VUE、React，TypeScript里

 

注：

Mac：git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript

Window：git clone --depth 1 https://github.com/Microsoft/TypeScript-Sublime-Plugin.git TypeScript

也可以使用git直接下载到packages目录中。

3、打开sublime界面，按ctrl+shift+p弹出

 

4、输入install ，如果没有反应可能被墙了，打开菜单 Preferences->Packges Settings->Package Control->Setting Default，有一个外链的json文件，如果不能打开，那就是被墙了，需要翻墙进行替换下载文件。如果install有反应，那好，进行下一步，，在搜索框中输入VUE，点击安装即可：

输入install packages后出现下拉菜单点击或回车之后左下角会出现搜索插件进度，搜索打到该高亮插件可直接安装，如果打不到按以上方法安装。

 

点击下即可，关闭再次打开vue、React文件。

 

附插件官网：https://packagecontrol.io/packages/Vuejs%20Snippets

 

sublime配置less环境变量：

控制面板——系统——高级系统设置——环境变量——系统变量——path——编辑

 

确定，应用。