sublime3支持es6语法和vue彩色显示

支持ES6语法设置：

首先安装nodejs

当然你可以使用其它诸如jsc之类的环境来运行js, 本文使用的是nodejs. 首先确保你的电脑已经安装好nodejs, 并已将其添加到环境变量中 (一般安装时自动添加或者询问是否添加)

添加build system

在sublime text中依次打开（工具->编译系统->新编译系统）Tools -> Build System -> New Build System... 粘贴以下代码后保存(如Node.sublime-build), 然后把Build System设成Automatic（将编译系统设置为自动编译，一般默认就是自动编译）

{
    "cmd": ["node", "--use-strict", "--harmony", "$file"],
    "selector": "source.js"
}

 

说明

在以上的build文件中(Node.sublime-build), node是执行命令, --harmony和--use-strict是执行参数, $file是当前文件名, 所以一次build操作实际上相当于在命令行中执行了node --use-strict --harmony filename. --harmony表示启用ES Harmony features, 而这些features目前只能在strict模式下运行, 所以需要同时添加use-strict参数(详见what-is-extended-mode).

如果不想启用es6的特性,把build文件更改成以下代码保存即可.

 

{
    "cmd": ["node", "$file"],
    "selector": "source.js"
}

测试一下

在sublime test中新建一个test.js文件, 然后输入你的测试代码, 比如:

for (let i = 0; i < 3; i++) {
    console.log('i:', i);
}

使用快捷键ctrl + b, 将得到以下执行结果:

i: 0
i: 1
i: 2
[Finished in 0.1s]

 

打开vue项目，.vue文件是灰色的整体看着很不舒服，下面设置就会变为彩色：

1.下载文件 链接 GitHub - vuejs/vue-syntax-highlight: Sublime Text syntax highlighting for single-file Vue components

2.sublime菜单栏->首选项->浏览插件,打开Packages文件夹

3.新建Vue文件夹,把步骤1下载的文件放里面

4.sublime中使用快捷键Ctrl+Shift+P,输入vue，选中Set Syntaix:Vue Component

5.重启(就是关了再开)sublime,你的vue文件就是彩色的了