Sublime
官網下載地址:http://www.sublimetext.com/javascript
安裝插件:(插件包管理Preferences Browse Packages)
插件官網:http://www.feyon.net/installation#Simplephp
接着輸入 插件名稱css
若提示以上問題:html
緣由:前端
在利用sublime進行插件下載時,sublime會調用channel_v3.json文件,點擊Preferences->Package Setting->Package Control ->Setting Default,能夠看到該文件是放置在網絡中進行讀取的,而因爲GFW的緣由,致使沒法讀取該文件(可是居然能夠直接訪問??),這也就是致使插件沒法下載的緣由。java
解決辦法:python
1,下載channel_v3.json,地址:https://packagecontrol.io/channel_v3.json git
或者 新建文件channel_v3.json,粘貼如下地址內的代碼:https://raw.githubusercontent.com/SuCicada/channel_v3.json/master/channel_v3.jsongithub
2,在Preferences->Package Setting->Package Control ->Setting User進行用戶設置,咱們能夠將文件下載後,進行本地訪問。chrome
"channels": [ "D:/software/channel_v3.json" ],
在Setting User文件下,修改至本地目錄。從新
例 ConvertToUTF8 插件安裝 //文字顯示亂碼,將其餘編碼文件轉成UTF-8編碼
--打開命令面板(ctrl+shift+p),輸入install,選擇 Install Package,
--接着輸入convert,選擇ConvertToUTF-8;
less2css 插件
功能說明:將less文件編譯成css文件。
插件地址:https://github.com/facelessuser/BracketHighlighter/tree/BH2ST3
輔助工具:安裝後從 https://github.com/duncansmart/less.js-windows 下載 less.js-windows,而後配置 less.js-windows 的環境變量。
Emmet 插件
功能說明:Emmet的前身是大名鼎鼎的Zen codin。前端開發必備,HTML、CSS代碼快速編寫神器。
使用方法:默認快捷鍵 Tab
插件地址:https://github.com/sergeche/emmet-sublime
輔助工具:PyV8 下載地址: https://github.com/emmetio/pyv8-binaries
JsFormat 插件
功能說明:JavaScript代碼格式化。
使用方法:在打開的JavaScript文件裏點右鍵,選擇JsFormat。
插件地址:https://github.com/jdc0589/jsformat
ColorHighlighter 插件
功能說明:顯示所選顏色值的顏色,並集成了ColorPicker
插件地址:https://github.com/Monnoroch/ColorHighlighter
Compact Expand CSS Command 插件
功能說明:使CSS屬性展開及收縮,格式化CSS代碼。
使用方法:按 Ctrl+Alt+[ 收縮CSS代碼爲一行顯示,按 Ctrl+Alt+] 展開CSS代碼爲多行顯示。
插件地址:https://gist.github.com/vitaLee/2863474 或者:https://github.com/TooBug/CompactExpandCss
SublimeTmpl 插件
功能說明:快速生成文件模板。
使用方法:SublimeTmpl默認的快捷鍵以下,若是快捷鍵設置衝突可能無效。
Ctrl+Alt+h 新建 html 文件
Ctrl+Alt+j 新建 javascript 文件
Ctrl+Alt+c 新建 css 文件
Ctrl+Alt+p 新建 php 文件
Ctrl+Alt+r 新建 ruby 文件
Ctrl+Alt+Shift+p 新建 python 文件
插件地址:https://github.com/kairyou/SublimeTmpl
Alignment 插件
功能說明:使代碼格式的自動對齊。
使用方法:快捷鍵Ctrl+Alt+A,可能與QQ截圖衝突,兩者中的一個要重置快捷鍵。
插件地址:https://github.com/kevinsperrine/sublime_alignment
AutoFileName 插件
功能說明:自動補全文件(目錄)名。
插件地址:https://github.com/BoundInCode/AutoFileName
DocBlockr 插件
功能說明:快速生成JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Groovy, Objective C, C, C++ and Rust語言函數註釋。
使用方法:在函數上面輸入/** ,而後按 Tab 就會自動生成註釋。
插件地址:https://github.com/spadgos/sublime-jsdocs
View In Browser 插件
功能說明:Sublime Text保存後網頁自動同步更新。
插件地址:https://github.com/adampresley/sublime-view-in-browser
使用方法:在打開的文檔任一處點右鍵,選擇「View In Browser」,就會用默認的瀏覽器自動打開該文件。
{ "browser": "chrome64" }設置默認瀏覽器
TortoiseSVN 插件(win下須要安裝有TortoiseSVN客戶端支持)
功能說明:版本控制工具。
插件地址:https://github.com/dexbol/sublime-TortoiseSVN
Theme-Soda 插件
功能說明:最受歡迎的 Sublime Text 主題之一。
插件地址:https://github.com/buymeasoda/soda-theme
安裝完成後,點菜單 Preferences--->Settings - User,根據須要的主題效果,添加以下代碼。
vi