官网下载: 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 (这个选项在最下面点击先下箭头往下翻) 这时候就大工告成了。