首页 > 代码库 > Sublime Text (崇高文本)

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

Sublime Text (崇高文本)