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 的超集，包含他大部分功能。

 

1、Sublime Text3這款編譯軟件的安裝以及插件的安裝

一、Package Control 下載地址：https://packagecontrol.io/installation

爲了方便開發人員快速安裝須要的插件，下載完了複製 打開SublimeText3點擊Preferences-->BrowsePackages-->注意這裏只有User退回到Sublimi Text 3目錄下進入--> Installed Packages 粘貼就可了。

查看是否安裝成功：點擊Preferences-->Package Settings這時就會看到Package Control這個選項 恭喜安裝成功。

 

二、SublimeCodeIntel 代碼提示的插件

打開SublimeText3 按住Ctrl+Shift+P 就會出現一個框框 輸入：Pain 選擇Package Control：Inatall Package 也會出現一個輸入框

輸入：SublimeCodeIntel 回車坐等安裝成功 看作下提示。

 

三、HTML-CSS-js Prettify代碼的格式化插件 安裝方法跟上面同樣

用法：點擊右鍵就會出現HTML-CSS-JS Prettify 進入選第一個Prettif Code 

這時候會報一個找不到nodejs程序 點擊進入把那個nodejs路勁換成你本身的路徑就行了！

 

四、ColorPicker 這個插件能夠在編譯器中取色 安裝同上

用法：按住Ctrl+Shift+C 就能夠了

 

五、All Autocomplete 插件會搜索全部打開的文件來尋找匹配的提示詞。安裝同上

若是你以爲不夠用能夠自行安裝

 

2、顯示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 (這個選項在最下面點擊先下箭頭往下翻) 這時候就大工告成了。