編輯器sublime3

參考:
http://www.xuanfengge.com/practical-collection-of-sublime-plug-in.html
https://www.zhihu.com/question/24736400
http://www.reibang.com/p/0588e8f21b1a

sublime的試用期是有限的篮条,過了試用期就要收費了提澎,不交錢只能打開單文件诉濒,果斷放棄板祝。亥宿。躲惰。

一乡洼、Subime的插件包

Package Control

功能:安裝包管理
簡介:sublime插件控制臺拇舀,提供添加逻族、刪除、禁用骄崩、查找插件等功能
使用:經(jīng)常用于安裝其他插件聘鳞,流程如下

  1. 打開命令面板
    Win / Linux:ctrl+shift+p,Mac:cmd+shift+p
  2. 鍵入Install Package Control要拂,然后按enter
  3. 搜索想要安裝的插件名(插件推薦見下文)抠璃,按enter
    參考:https://sublime.wbond.net/installation

Package Control安裝方法:

  1. CTRL+` ,出現(xiàn)控制臺
  2. 粘貼代碼至控制臺(ST3去下面這個網(wǎng)頁復制)
    https://packagecontrol.io/installation#st3

如果以上方法不能安裝脱惰,請使用下面的方法:

  1. 選擇菜單:Preferences > Browse Packages
  2. 打開sublime插件安裝包文件夾
  3. 下載文件并復制到打開的文件夾
  4. 重啟sublime

Emmet

功能:編碼快捷鍵搏嗡,前端必備

簡介:Emmet作為zen coding的升級版,對于前端來說拉一,可是必備插件采盒,如果你對它還不太熟悉,可以在其官網(wǎng)(http://docs.emmet.io/)上看下具體的演示視頻蔚润。

使用:教程-http://docs.emmet.io/cheat-sheet/磅氨、http://peters-playground.com/Emmet-Css-Snippets-for-Sublime-Text-2/

JSFormat

功能:Javascript的代碼格式化插件

簡介:很多網(wǎng)站的JS代碼都進行了壓縮,一行式的甚至混淆壓縮嫡纠,這讓我們看起來很吃力悍赢。而這個插件能幫我們把原始代碼進行格式的整理,包括換行和縮進等等货徙,是代碼一目了然左权,更快讀懂~

使用:在已壓縮的JS文件中,右鍵選擇jsFormat或者使用默認快捷鍵(Ctrl+Alt+F)

Bracket Highlighter

功能:成對標記匹配

簡介:可匹配[], (), {}, “”, ”, <tag></tag>痴颊,高亮標記赏迟,便于查看起始和結束標記

使用:點擊對應代碼即可

Color?Picker

功能:調(diào)色板

簡介:需要輸入顏色時,可直接選取顏色

使用:快捷鍵Windows: ctrl+shift+c

ConvertToUTF8

功能:文件轉(zhuǎn)碼成utf-8

簡介:通過本插件蠢棱,您可以編輯并保存目前編碼不被 Sublime Text 支持的文件锌杀,特別是中日韓用戶使用的 GB2312甩栈,GBK,BIG5糕再,EUC-KR量没,EUC-JP ,ANSI等突想。ConvertToUTF8 同時支持 Sublime Text 2 和 3殴蹄。

使用:安裝插件后自動轉(zhuǎn)換為utf-8格式

Sublime?Code?Intel

功能:多種語言代碼的自動補全,包括JS猾担、python袭灯、PHP等

簡介:

使用:1. 通過路徑Perferences->Package Settings->SublimeCodeIntel->Setting - Defalut打開配置文件,找到“JavaScript”部分绑嘹,將

"codeintel_selected_catalogs": ["jQuery"] 

改成

"codeintel_selected_catalogs": ["JavaScript"] 

2.關閉重啟Sublime稽荧,寫JavaScript代碼,發(fā)現(xiàn)自動補全已經(jīng)生效工腋。

SublimeLinter

功能:代碼語法檢查姨丈、校驗和提示
簡介:關于代碼語法檢查、校驗和提示擅腰,鄭重推薦這個插件构挤。
介紹SublimeLinter只是一個檢測環(huán)境, 檢測的功能還需其他插件來完成惕鼓, 安裝好SublimeLinter后筋现, 再裝SublimeLinter-jscs SublimeLinter-csslint 之類的插件,和nodejs箱歧、jshint之類的軟件矾飞。
安裝步驟(只是步驟多一點,不復雜):參考文章

  1. 安裝sublime插件:
  • SublimeLinter(總框架呀邢,必裝)洒沦、
  • sublimeLinter-jshint(針對js,建議安裝)价淌、
  • SublimeLinter-csslint(針對css申眼,選裝)、
  • SublimeLinter-jscs(我沒用到蝉衣,選裝)括尸、
  1. 安裝環(huán)境軟件:
  • NodeJS:必裝,archLinux使用yay安裝病毡;
  • npm:arch系可以用yay安裝yay -S npm濒翻;
  • jshint:使用npm安裝:sudo npm install -g jshint,是sublimeLinter-jshint的依賴;
  • csslint:使用npm安裝:sudo npm install -g csslint有送,是sublimeLinter-csslint的依賴淌喻;
  • jscs:使用npm安裝:sudo npm install -g jscs,是sublimeLinter-jscs的依賴雀摘;
  1. 在sublime中應該可以使用了裸删,否則重新打開sublime嘗試。

二阵赠、Sublime Text 3 應用技巧和訣竅

http://note.youdao.com/noteshare?id=24eeb6bf9a4febe98ebac7630929b887

1.選擇

以下是一些Sublime Text選擇文本的快捷鍵:

  • Command + D 選中一個單詞
  • Command + L 選中一行
  • Command + A 全選 Ctrl + Command + M` 選中括號內(nèi)所有內(nèi)容 (編寫CSS或JS時非常實用)

Sublime Text還支持一次選中多行的操作:Furthermore, Sublime Text brings lets us select multiple lines at once, which can significantly boost your productivity. There are several ways to perform this feature:

  • Command 按住Command鍵再點擊想選中的行
  • Command + Ctrl + G (選中部分文本時) 按此鍵選中所有相同文本
  • Command + D (選中部分文本時) 直接選中下一次出現(xiàn)的該文本
選擇

2.CSS排序

CSS屬性的順序一般不重要涯塔,因為無論何種順序瀏覽器都能正確渲染。但排序所有的屬性還是有助于代碼的整潔豌注。在Sublime Text中伤塌,選中CSS屬性后按F5就可以按字母順序排序灯萍。


CSS排序

也可以使用 CSSComb 等第三方插件轧铁,更詳細的控制排序的方法。

3.命令面板(Command Palette)

使用命令面板可以快速完成多重任務旦棉。按Command + Shift + P調(diào)出面板齿风,鍵入需要的命令即可“舐澹看以下的幾個示例:

重命名文件
設置文件為HTML語法
插入代碼片段

4.主要快捷鍵

  • Ctrl+L 選擇整行(按住-繼續(xù)選擇下行)
  • Ctrl+KK 從光標處刪除至行尾
  • Ctrl+Shift+K 刪除整行
  • Ctrl+Shift+D 復制光標所在整行救斑,插入在該行之前
  • Ctrl+J 合并行(已選擇需要合并的多行時)
  • Ctrl+KU 改為大寫
  • Ctrl+KL 改為小寫
  • Ctrl+D 選詞 (按住-繼續(xù)選擇下個相同的字符串)
  • Ctrl+M 光標移動至括號內(nèi)開始或結束的位置
  • Ctrl+Shift+M 選擇括號內(nèi)的內(nèi)容(按住-繼續(xù)選擇父括號)
  • Ctrl+/ 注釋整行(如已選擇內(nèi)容,同“Ctrl+Shift+/”效果)
  • Ctrl+Shift+/ 注釋已選擇內(nèi)容
  • Ctrl+Z 撤銷
  • Ctrl+Y 恢復撤銷
  • Ctrl+M 光標跳至對應的括號
  • Alt+. 閉合當前標簽
  • Ctrl+Shift+A 選擇光標位置父標簽對兒
  • Ctrl+Shift+[ 折疊代碼
  • Ctrl+Shift+] 展開代碼
  • Ctrl+KT 折疊屬性
  • Ctrl+K0 展開所有
  • Ctrl+U 軟撤銷
  • Ctrl+T 詞互換
  • Tab 縮進 自動完成
  • Shift+Tab 去除縮進
  • Ctrl+Shift+↑ 與上行互換
  • Ctrl+Shift+↓ 與下行互換
  • Ctrl+K Backspace 從光標處刪除至行首
  • Ctrl+Enter 光標后插入行
  • Ctrl+Shift+Enter 光標前插入行
  • Ctrl+F2 設置書簽
  • F2 下一個書簽
  • Shift+F2 上一個書簽

在同時打開多個標簽頁時真屯,可以用以下的熱鍵切換:

  • Command + T 列出所有的標簽頁
  • Command + Shift + ] 下一標簽頁
  • Command + Shift + [ 上一標簽頁
  • Command + Ctrl + P 切換側邊欄顯示的工程

5.跨文件編輯

同一個編輯操作可以在多個文件中同時重復脸候。舉個例子,多個文件中有同一段代碼時绑蔫,可用以下的步驟快速編輯:

  1. 按Command + Shift + F在Find框中輸入待查找的代碼运沦。可按Command + E快速使用選擇中的代碼段配深。
  2. 在Where框中指定需要查找的文件范圍携添,或填寫<open files>表示查找目前打開的文件。
  3. 在Replace框中輸入要替換成的代碼篓叶,按Replace按鈕批量替換烈掠。
跨文件編輯

6.文件爬蟲

按Command + R可以列出文檔中所有的CSS選擇器「淄校可以選擇并立刻跳轉(zhuǎn)查看左敌。這個操作比使用一般的“查找”功能快得多。


文件爬蟲

7.拼寫檢查

如果你經(jīng)常使用Sublime Text從事英文創(chuàng)作俐镐,那么啟用拼寫檢查就非常有用處了母谎。選擇Preferences > Settings – User菜單,添加以下代碼:
"spell_check": true,

8.增強側邊欄

SideBarEnhancements插件有效地改進了Sublime Text的側邊欄京革。安裝插件后在側邊欄上點擊右鍵奇唤,可以找到一下新功能:在資源管理器中打開幸斥、新建文件、新建文件夾咬扇、以…打開甲葬、在瀏覽器中打開。

增強側邊欄

注:在瀏覽器中打開的熱鍵是F12懈贺。

9.更換主題

Sublime Text的外觀主題可以更換经窖。Soda Theme就是一個不錯的主題,可以在包管理器中安裝梭灿。

更換主題

如果要安裝的主題并不在在線軟件倉庫中画侣,也可以手動安裝:

  1. 下載并解壓縮主題包
  2. 點擊菜單 Preferences > Browse Packages…
  3. 把主題文件夾復制到Packages文件夾中.
  4. 點擊菜單 Preferences > Settings – Users 并加入以下代碼:"theme": "Soda Light.sublime-theme"

10.修改某一類型文本文件的代碼高亮格式

某些代碼文件如微信的.wxml和.wxss文件等沒有默認代碼高亮,可以手動調(diào)整一下:
image.png
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末堡妒,一起剝皮案震驚了整個濱河市配乱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌皮迟,老刑警劉巖搬泥,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異伏尼,居然都是意外死亡忿檩,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進店門爆阶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來燥透,“玉大人,你說我怎么就攤上這事辨图“嗵祝” “怎么了?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵徒役,是天一觀的道長孽尽。 經(jīng)常有香客問我,道長忧勿,這世上最難降的妖魔是什么杉女? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮鸳吸,結果婚禮上熏挎,老公的妹妹穿的比我還像新娘。我一直安慰自己晌砾,他們只是感情好坎拐,可當我...
    茶點故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般哼勇。 火紅的嫁衣襯著肌膚如雪都伪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天积担,我揣著相機與錄音陨晶,去河邊找鬼。 笑死帝璧,一個胖子當著我的面吹牛先誉,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播的烁,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼褐耳,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了渴庆?” 一聲冷哼從身側響起铃芦,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎把曼,沒想到半個月后杨帽,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體漓穿,經(jīng)...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡嗤军,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了晃危。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片叙赚。...
    茶點故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖僚饭,靈堂內(nèi)的尸體忽然破棺而出震叮,到底是詐尸還是另有隱情,我是刑警寧澤鳍鸵,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布苇瓣,位于F島的核電站,受9級特大地震影響偿乖,放射性物質(zhì)發(fā)生泄漏击罪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一贪薪、第九天 我趴在偏房一處隱蔽的房頂上張望媳禁。 院中可真熱鬧,春花似錦画切、人聲如沸竣稽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽毫别。三九已至娃弓,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間岛宦,已是汗流浹背忘闻。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留恋博,地道東北人齐佳。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像债沮,于是被迫代替她去往敵國和親炼吴。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,884評論 2 354