Sublime Text （崇高文本）

 

官网下载：  http://www.sublimetext.com/3 

 

 

　　作为一个iOS开发者，在学习HTML5 的时候，或者在学习weex 的时候更多的会使用 sublime Text 、WebStorm 、IntelliJ IDEA ，三者从左到右体积越来越大，功能也越来越复杂。这里总结下我在学习 weex 和 HTML5 的时候给 sublime Text 安装的常用插件。

• sublime Text 更轻量。体积小功能多，插件多。
• WebStorm 多用做HTML开发。
• IntelliJ IDEA 可以看做 WebStorm 的超集，包含他大部分功能。

 

一、Sublime Text3这款编译软件的安装以及插件的安装

1、Package Control 下载地址：https://packagecontrol.io/installation

为了方便开发人员快速安装需要的插件，下载完了复制 打开SublimeText3点击Preferences-->BrowsePackages-->注意这里只有User退回到Sublimi Text 3目录下进入--> Installed Packages 粘贴就可了。

查看是否安装成功：点击Preferences-->Package Settings这时就会看到Package Control这个选项 恭喜安装成功。

 

2、SublimeCodeIntel 代码提示的插件

打开SublimeText3 按住Ctrl+Shift+P 就会出现一个框框 输入：Pain 选择Package Control：Inatall Package 也会出现一个输入框

输入：SublimeCodeIntel 回车坐等安装成功 看做下提示。

 

3、HTML-CSS-js Prettify代码的格式化插件 安装方法跟上面一样

用法：点击右键就会出现HTML-CSS-JS Prettify 进入选第一个Prettif Code 

这时候会报一个找不到nodejs程序 点击进入把那个nodejs路劲换成你自己的路径就好了！

 

4、ColorPicker 这个插件可以在编译器中取色 安装同上

用法：按住Ctrl+Shift+C 就可以了

 

5、All Autocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。安装同上

如果你觉得不够用可以自行安装

 

二、显示weex语法高亮设置：

由于 weex 源代码的文件格式为.we 格式，默认在文本编辑器中不支持语法高亮，代码看起来很不舒服。不过可以使用 vue.js 的语法高亮来支持

 

第一步：下载 Weex 语法高亮脚本地址：https://pan.baidu.com/s/1mibEtFa 。

第二步：打开 Sublime Text，依次点击 Tools -> Developer -> New Syntax，新建一个语法文件，把下载下来的文件打开复制内容覆盖原有的内容，并保存，文件名和扩展名为Plain we.sublime-syntax 。请注意文件名称必须命名为Plain we.sublime-syntax,   否则没有高亮。

第三步：开启weex语法高亮 点击View --> Syntax-->we Component (这个选项在最下面点击先下箭头往下翻) 这时候就大工告成了。