sublime text3插件篇
這裏配置個適合我自己的sublime text3配置，以作備忘。
（註：內容為網上找的拼湊而成，如有雷同，那就雷同吧~）
1、Emmet
強大的代碼提示功能，安裝無需配置就可以使用。
2、Git
支持sublime text3上的git操作 ，方便管理代碼版本。
3、Sass & Sass Build
高亮顯示sass代碼，提高可讀性。
- 按Ctrl+B編譯，博主用空的sass可以編譯成功，當前目錄會出現 [name].css 和 [name].css.map（沒啥作用，記錄生成css的信息）文件。
- 有寫樣式的sass編譯報錯：Error: Invalid charset directive [email protected]
github源碼上有一句這個：（估計是改sass或者ruby源碼以改變生成文件路徑）
If you want to change the default folder of your generated CSS files into another one, you can edit the build:
Example: Save your CSS files into a css"cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css"],
另外，就是windows7下解決中文亂碼的問題：
- 找到ruby的安裝目錄，裏面也有sass模塊，如路徑： C:/Ruby/lib/ruby/gems/1.9.1/gems/sass-3.3.14/lib/sass
- 在這個文件裏面engine.rb，添加一行代碼Encoding.default_external = Encoding.find(‘utf-8’) 放在所有的require XXXX 之後即可.
4、cssrem
一個CSS的px值轉rem值的Sublime Text 3自動完成插件
- 克隆項目 https://github.com/hyb628/cssrem.git
- 進入packages目錄：Preferences > Browse Packages…
- 復制下載的cssrem目錄到剛才的packges目錄裏。
- 重啟Sublime Text。
參數配置：Sublime Text -> Preferences -> Package Settings -> cssrem
- px_to_rem - px轉rem的單位比例，默認為40。
- max_rem_fraction_length - px轉rem的小數部分的最大長度。默認為6。
- available_file_types - 啟用此插件的文件類型。默認為：[".css", ".less", ".sass"]。
- 我在配置文件 cssrem.sublime-settings裏修改了單位比例為100
- 具體的比例參數還是看個人平時切圖怎麽設置參數為準。
5、AutoFileName
自動補全文件路徑。
6、SublimeLinter
語法檢測工具, 可以檢測到所寫代碼的語法錯誤,並高亮顯示錯誤。
7、DocBlokr
DocBlokr 幫助你創造你的代碼註釋，通過解析功能，參數，變量，並且自動添加基本項目, 只要在文檔中輸入/**然後按一下tab, 就會根據代碼自動生成註釋。
8、Alignment
代碼對齊插件，進行智能對齊。
9、Node.js
用於搭建node.js開發環境。
安裝之後打開 Preferences > Browse Packages…進入Nodejs文件夾裏面：
- 打開Nodejs.sublime-build文件，將代碼 "encoding": "cp1252" 改為 "encoding": "utf8" 保存文件；
- 再打開文件“Nodejs.sublime-settings”，將代碼 "node_command": false改為 "node_command": "C:\\Program Files\\nodejs\\node.exe" ，將代碼 "npm_command": false 改為 "npm_command": "C:\\Program Files\\nodejs\\npm.cmd" ，保存文件
- 本人node.js安裝目錄為：C:\\Program Files\\nodejs
sublime text3插件篇