如何優雅地使用Sublime Text3(轉)

時間  2019-11-13
標籤 如何 優雅 使用 sublime text3 text 欄目 HTML 简体版
原文   原文鏈接

轉自http://www.jianshu.com/p/3cb5c6f2421c/javascript

Sublime Text：一款具備代碼高亮、語法提示、自動完成且反應快速的編輯器軟件，不只具備華麗的界面，還支持插件擴展機制，用她來寫代碼，絕對是一種享受。相比於難於上手的Vim，浮腫沉重的Eclipse，VS，即使體積輕巧迅速啓動的Editplus、Notepad++，在SublimeText面前大略顯失色，無疑這款性感無比的編輯器是Coding和Writing最佳的選擇，沒有之一。php

溫情提醒：能夠移步原文首鏈處：如何優雅地使用Sublime Text(由於那兒還在持續更新完善中)；Here最後更新於2015.12.15晚 (不能爲簡書文章添加目錄？，額，折騰不出來，醉了)，但目錄結構仍是能夠有的：css

如何優雅地使用Sublime Text 之 目錄結構html

Sublime Text 2和3的對比
Sublime Text 3安裝插件
Sublime Text 3插件推薦
定製屬於本身的快捷鍵
Sublime不可不知的實用技巧
定製屬於本身的個性化主題
Sublime錦上添花些許設置
寫在一路更來的結語前端

 

Sublime Text 2和3的對比


相比於2，Sublime Text 3就秒啓動一項，就壓倒性地勝利了。所以在以後的敘述中都以Sublime Text 3爲主角。而且3一直在不斷的完善更新，具體的差別可參看 Sublime Blog.簡單的說：
  • ST3支持在項目目錄裏面尋找變量
  • 提供了對標籤頁更好地支持（更多的命令和快捷鍵）
  • 加快了程序運行的速度
  • 更新了API，使用Python3.3

強烈推薦朋友們使用3! 惟快不破，不解釋。vue

優雅使用Sublime Text，插件則是不可缺乏的存在；而插件的備份就顯得很是的重要（譬如：各平臺同步；更換系統/電腦，迅速使用已安裝的插件）。這事兒也很簡單，只需將Packages（Preferences > Browse Packages）中內容拷貝一份，同步雲端便可；至於存儲何處，雲盤，Github，皆無不可；譬如先前有存一份於 sublime_packages，每有所需只要 Down 下來，替換掉原 Packages 下內容就好。java

 

Sublime Text 3安裝插件


Sublime Text的強大就是她擁有強大的課可擴展性。您可根據本身的須要安裝不一樣的插件；這使得她變的無比強大的同時又不失輕便。
  • 插件安裝方式一：直接安裝：

安裝Sublime text 3插件很方便，能夠直接下載安裝包解壓縮到Packages目錄（菜單->preferences->packages）。node

  • 插件安裝方式二：使用Package Control組件安裝：

按Ctrl+`調出console（注：安裝有QQ輸入法的這個快捷鍵會有衝突的，輸入法屬性設置-輸入法管理-取消熱鍵切換至QQ拼音）粘貼如下代碼到底部命令行並回車：python

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

重啓Sublime Text 3。若是在Perferences->package settings中看到package control這一項，則安裝成功。按下Ctrl+Shift+P調出命令面板輸入install 調出 Install Package 選項並回車，而後在列表中選中要安裝的插件。git

PS：國內使用SublimeText3，常常可能遇到沒法安裝可用插件問題，可remove掉Package Control從新安裝下；如遇到連Package Control也沒法安裝，則能夠在別處拷貝一份關於Package Control的文件－(Package Control.sublime-package)存放於Installed Packages目錄之下便可。

 

Sublime Text 3插件推薦


無插件，不神器！根據本身的須要定製屬於本身的強大插件集；做爲在移動端舊遊以後，又Web端新遊的本身，牆裂推薦如下這麼幾款插件：

MarkDown Editing
SublimeText不只僅是可以查看和編輯 Markdown 文件，但它會視它們爲格式很糟糕的純文本。這個插件經過適當的顏色高亮和其它功能來更好地完成這些任務。關於如何在SublimeText下高效些東西可參見文章：sublime text 2(3)下的Markdown寫做 抑或是前段時間寫下的追尋高效工做的一路折騰㈡

SideBarFolders
打開的文件夾都太多了? 來用這個來管理文件夾，世界原來也能夠這麼美好。


SideBarFolders


Sublime Terminal
這個插件可讓你在Sublime中直接使用終端打開你的項目文件夾，並支持使用快捷鍵。

ColorPicker
一般，若是你想使用一個顏色選擇器則可能打開 Photoshop 或 GIMP。而在 Sublime Text 中，你可使用內置的顏色選擇器。安裝完成後，只要按下Ctrl / Cmd + Shift + C 快捷鍵。

SublimeREPL
這多是對程序員頗有用的插件。SublimeREPL 容許你在 Sublime Text 中運行各類語言（NodeJS ， Python，Ruby， Scala 和 Haskell 等等）。

Ctags插件
有童鞋抱怨Sublime Text不能支持函數的跳轉（好比像Eclipse那樣，按住Control點擊該方法或者對象，便可跳轉到定義的地方； Alt+←便可回到原處）。其實Sublime Text也能夠藉助插件實現之（固然，有些狀況下:Can not find defination）畢竟這個也是藉助正則來匹配完成的。所以這個也就要求代碼很規範。這個插件相對來說會有些麻煩，具體的能夠參見:Sublime Text ctags 的配置.

SublimeLinter插件
SublimeLinter 是前端編碼利器——Sublime Text 的一款插件，用於高亮提示用戶編寫的代碼中存在的不規範和錯誤的寫法，支持 JavaScript、CSS、HTML、Java、PHP、Python、Ruby 等十多種開發語言。這篇文章介紹如何在 Windows 中配置 SublimeLinter 進行 JS & CSS 校驗。
好比寫例如像lua這樣的弱語言腳本代碼，有這個能夠規避掉不少不應有的低級錯誤吧？固然這也須要你SublimeLinter安裝完畢以後再安裝一個SublimeLinter-lua便可。具體的使用能夠參見：藉助 SublimeLinter 編寫高質量的 JavaScript & CSS 代碼

SideBarEnhancements插件
SideBarEnhancements是一款很實用的右鍵菜單加強插件；在安裝該插件前，在Sublime Text左側FOLDERS欄中點擊右鍵，只有寥寥幾個簡單的功能；安裝了就至關於給其豐了大胸通常。 更強大的是，該插件還能讓咱們自定義快捷鍵呼出某個瀏覽器以預覽頁面！這樣就不用到項目目錄下尋找和拖動到特定瀏覽器中預覽了。
安裝此插件後，點擊菜單欄的preferences->package setting->side bar->Key Building-User，鍵入如下代碼：

[   
    { "keys": ["ctrl+shift+c"], "command": "copy_path" }, //chrome { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe", "extensions":".*" } } ]

這裏設置按Ctrl+Shift+C複製文件路徑，按F2便可在Chrome瀏覽器預覽效果(若是須要的話，也能夠根據本身的須要爲Firefox，Safari，IE，Opera等加上)，固然你也能夠本身定義喜歡的快捷鍵，最後注意代碼中的瀏覽器路徑要以本身電腦裏的文件路徑爲準。

HTML-CSS-JS Prettify
一款集成了格式化（美化）html、css、js三種文件類型的插件，即使html,js寫在PHP文件以內。插件依賴於nodejs，所以須要事先安裝nodejs，而後才能夠正常運行。插件安裝完成後，快捷鍵ctrl+shift+H完成當前文件的美化操做。插件對html、css文件的美化不是很是滿意，但還能夠，後面將說明如何修改css美化腳本。本人用起來超級爽的，鑑於篇幅，就不贅述，能夠參見這篇介紹。

CSScomb CSS屬性排序:
有時候看看本身寫的CSS文件，會不會以爲屬性很亂查找不易維護難？CSScomb能夠按照必定的CSS屬性排序規則，將雜亂無章的CSS屬性進行從新排序。選中要排序的CSS代碼，按Ctrl+Shift+C，便可對CSS屬性從新排序了，代碼今後簡潔有序易維護，若是不款選代碼則插件將排序文件中全部的CSS屬性。固然，能夠本身自定義CSS屬性排序規則，打開插件目錄裏的CSScomb.sublime-settings文件，更改裏面的CSS屬性順序就好了。由於這個插件使用PHP寫的，要使他工做須要在環境變量中添加PHP的路徑，具體請看github上的說明。

SublimeTmpl 快速生成文件模板
一直都很奇怪爲何sublime text 3沒有新建文件模板的功能，像html頭部的DTD聲明每次都要複製粘貼。用SublimeTmpl這款插件終於能夠解脫了，SublimeTmpl能新建html、css、javascript、php、python、ruby六種類型的文件模板，全部的文件模板都在插件目錄的templates文件夾裏，能夠自定義編輯文件模板。
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

若是想要新建其餘類型的文件模板的話，先自定義文件模板方在templates文件夾裏，再分別打開Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings這四個文件照着裏面的格式自定義想要新建的類型，這裏就詳細介紹了，請各位本身折騰哈~

Javascript-API-Completions:
支持Javascript、JQuery、Twitter Bootstrap框架、HTML5標籤屬性提示的插件，是少數支持sublime text 3的後綴提示的插件，HTML5標籤提示sublime text3自帶，不過JQuery提示仍是頗有用處的，也可設置要提示的語言。


sublime-jq-plugin

SFTP：快速編輯遠程服務器文件
在Win下用Xftp 和 WinScp，被這種須要切換點擊or F5刷新的手動操做蛋疼到無語；故此一碰見這SFTP，頓覺這世界都美好了許多。固然Sublime下面也有些其餘同步插件，好比FtpSnyc，可是配置起來的錯誤提示一點都不人性化，就絕不留情的捨棄了。Sublime下有SFTP，只要Ctrl+S便可同步本地到服務器，妥妥的爽歪歪有麼有？如何配置，請參見在 Sublime Text中使用 SFTP 插件快速編輯遠程服務器文件;如欲使用FtpSync可參見Sublime使用及FtpSync遠程同步；大道至簡，因簡而悅；開心壘碼，值得折騰。

WakaTime -- 記錄你的Code時間;
WakaTime能夠作到精確地統計到你花在某個項目上的時間;WakaTime針對不一樣的IDE，擁有不一樣的插件，在Sublime上安裝着插件，就能統計到我使用Sublime進行的全部項目的行爲。能夠高效管理和知曉本身code時間；而且，統計完善, 適合發朋友圈裝逼（若是你喜歡的話）~

Waka的基本設計和rescuetime相似。每一個人註冊完將獲取一個key，裝一個客戶端，把key輸進去（登錄是同一個道理），而後它就把本地的全部行爲帶個key扔給服務器來統計，一段時間以後給你個報表。不過Waka作的真的很精準，精確到每個文件用了多少秒，每一種語言用了多少時間。


 


安裝和使用都很簡單，請參見這裏。另一篇比較詳細的文章時間都去哪了?用RescueTime和WakaTime來記錄你的時間,對RescueTime和WakaTime有一個更爲詳細的敘述，能夠一讀。

Doc​Blockr: 代碼塊註釋
能夠快速的對函數進行註釋。保持代碼規範。支持多種語言,有 JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.

  • /*:回車建立一個代碼塊註釋
  • /**:回車在自動查找函數中的形參等等。

它會生成 JSDoc 格式的註釋。若是你從沒有使用過相似的工具，DocBlockr 會讓你以爲之前沒有它是如何寫代碼的。幫助你創造你的代碼註釋，經過解析功能，參數，變量，而且自動添加基本項目；若是你願意其更爲便捷，不妨再結合AutoHotKey,高效註釋，由此開啓。

sublime-text-git: Git 版本控制
可視化的操做：幫助你與你的Git repo協議進行交互。它支持不少命令像init,push, pull, branch, stash,等等。使用它固然提早須要安裝 Git，並作好響應的配置；對於這個插件，不妨看下這篇文章 Using Git Inside of Sublime Text to Improve Workflow，相信她的伴隨不會讓你失望的。

advancedNewFile： 快速建立文件
當咱們在 Sublime Text 編輯器裏咱們能夠經過快捷鍵command+n(win: ctrl+n),來新建一個文件，而後command+s(Win:ctrl+s)進行彈出保存框，填寫文件名進行保存。仍是老問題，麻煩！！咱們接下來就經過安裝advancedNewFile插件來提高咱們在Sublime Text編輯器下的建立文件速度。

關乎其使用，安裝完成以後，運用快捷鍵command+alt+n(win: ctrl+alt+n)
，Sublime Text底部會彈出輸入框；咱們只需在這個輸入框裏輸入咱們須要新建的文件名回車便可（咱們甚至能夠帶路徑,譬如:src/components/perfect.vue;這就會在當前項目目錄下，創建該文件；須要注意的是這路徑前面不可加 '/', 這會使得創建的路徑成爲用戶目錄，而非改項目目錄）。默認狀況下文件會存儲在當前目錄，若是當前沒有目錄，會存儲在用戶的家目錄。

剩下些許其餘的能夠按需安裝的插件，好比：

  • ConvertToUTF8 支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等編碼的插件
  • Bracket Highlighter 用於匹配括號，引號和html標籤。對於很長的代碼頗有用。安裝好以後，不須要設置插件會自動生效
  • DocBlockr 能夠自動生成PHPDoc風格的註釋。它支持的語言有Javascript, PHP, ActionScript, CoffeeScript, Java, Objective C, C, C++
  • <font color="purple">Emmet(Zen Coding)</font>快速生成HTML代碼段的插件，強大到無與倫比:能夠超快速編寫HTML/CSS/JS，固然這個插件還支持多種編譯環境，如常見的：Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate等，web開發必備！！！。
  • jsFormat 格式化js代碼，懂者自懂；強迫症Coder必備！默認快捷鍵Ctrl+Alt+F。
  • phpFormat 格式化php代碼，懂者自懂；強迫症Coder必備！
  • CSS Compact Expand CSS屬性展開收縮:寫CSS的盆友，喜歡將其寫多行仍是一行(我的喜歡將其格式化爲多行)？若是閱讀別人的代碼不符合本身的習慣，能夠用CSS Compact Expand這個插件將CSS格式化一下，按 Ctrl+Alt+[ 收縮CSS代碼爲一行顯示，按 Ctrl+Alt+] 展開CSS代碼爲多行顯示；強迫症Coder必備！。
  • Autoprefixer插件：這是一款CSS3私有前綴自動補全插件；該插件使用CanIUse資料庫（固然，SublimeText天然也有<font color="purple">CanIUse</font>這個插件咯），能精準判斷哪些屬性須要什麼前綴，與CssComb插件同樣，該插件也須要系統已安裝Node.js環境；使用方法：在輸入CSS3屬性後（冒號前）按Tab鍵便可。
  • YUI Compressor：壓縮JS和CSS文件，按F7鍵後，若壓縮當前文件（demo.js），則壓縮後的文件（demo.min.js）保存在該文件的同級目錄，須要安裝java的JDK。使用方法：YUI Compressor
  • ClickableURLs：可點擊的URL
    使用小插件ClickableURLs可讓文件中的URL可以點擊。
  • Vue Syntax Highlight: Vue(*.vue)高亮插件；於前端而言，使用Vue框架開發，是一個很酷爽的存在，那麼此插件也就頗有必要擁有；同時Jade, SASS等插件也是頗有擁有的必要，誰用誰知道(說到用vue, 這vue-cli就蠻有使用的必要了( Webpack, Eslint, Test等都配置完善，十分貼心); 而寫Js代碼，於稍大項目 Eslint 就頗有使用必要，而 sublime 在針對使用 Eslint 的 *.vue文件，目測尚未很好格式化插件，坐等誕生😳)。
  • 終極王道：本身編寫專用的Sublime Text插件。雖說各個方面好比移動端，Web前段，服務器端，非Coder的Writer所須要的方便已經被集成在了不一樣的插件中。但譬如，須要快捷打開PC端的某個模擬器，便捷的進行某些校驗，只要你想的到的基本均可以將其在插件內，以快捷鍵處理之。至於如何編寫SublimeText插件，請參看這裏編寫本身的Sublime Text2 插件

 

定製屬於本身的快捷鍵

  • 首先要會使用SublimeText內置的快捷鍵：
    好比 Commond Shift P 打開命令面板:例如打開Package Control安裝各類插件；能夠能夠輸入Set(Snytax)來改變使用的語言環境，瞬間切換等等。
  • 設置快捷鍵。在SublimeText裏，打開Preferences -> Key Bindings - User，我設置的快捷鍵： 
    [
      { "keys": ["ctrl+f9"], "command": "build" }, { "keys": ["f10"], "command": "build", "args": {"variant": "Run"} }, { "keys": ["ctrl+shift+x"], "command": "toggle_comment", "args": { "block": true } }, ]
    具體可參見這邊文章Sublime Text3 快捷鍵彙總及設置快捷鍵配置環境變量

  • 定製屬於本身的專屬快捷鍵：
    好比就拿定製Sublime Text(2/3)編譯lua 的快捷鍵來講：

    • 首先：下安裝lua環境(MAC)

      curl -s https://raw.githubusercontent.com/rudix-mac/rpm/2014.10/rudix.py | sudo python - install rudix 或者：curl -O https://raw.githubusercontent.com/rudix-mac/rpm/2014.10/rudix.py sudo python rudix.py install rud

    • 安裝IED：SublimeText3;完畢後上面選擇:Build System--New Build System 輸入：

      {  
      "cmd": ["/usr/local/bin/lua", "$file"], "file_regex": "^(...*?):([0-9]*):?([0-9]*)", "selector": "source.lua" }

      保存爲Lua.sublime-build，而後Tools-Build System上就能選擇lua來編譯腳本了）
      PS：網上找到的大多數都是 "cmd": ["lua", "$file"]可能我是用rudix自動來安裝lua的，須要改一下路徑。

      新建一個xx.lua文件，隨便寫個語句，選擇lua爲build system，按一下command+b，就能跑出來了。 以下圖所示：


      LuaShortCutSublimeText


      WindowS下面的定製請參看這裏Sublime Text(2/3)編譯lua

 

Sublime不可不知的實用技巧:


---更新2015.05.21 15:50 ShenZhen@nanshan
對於這個依賴於插件的強大性感無比開源編輯器；優雅的適用之，就在於合理的使用須要的插件，走一條快準狠的鍵盤一刀流。這個固然能夠本身用python來寫，可是通常的需求基本上都已經有人完成，仍是不浪費時間本身造輪子了。今兒就再贅述一些使用的經驗，讓使用她能夠更加優雅。

(1) Ctrl+O(Command+O)能夠實現頭文件和源文件之間的快速切換
(2) 經過 View -> Side bar 可在左側顯示當前打開的文件列表

(3) ST3雖然不像notepad++能夠在sidebar上顯示函數列表，可是可經過Ctrl+R查看

(3) 經過 Preference -> Key binding user 可根據我的操做習慣自定義快捷鍵（包括ST3自帶的和插件的）

(4) 雙擊可選中光標所在單詞，三擊可選中光標所在行(等同於Ctrl＋L(Command+L));

(5) Ctrl+Shift+T能夠打開以前關閉的tab頁，這點同chrome是同樣的

(6)Ctrl+R定位函數；Ctrl+G定位到行；

(7) 單個文件批量修改：純相同的內容：選中須要修改的內容Alt+F3(Mac下默認的是Ctrl+Command+G) ， 或者連續 Ctrl+D(Win) /連續 Command+D（Mac）以後從新寫便可，使用Ctrl + U進行回退，使用Esc退出多重編輯。 不純相同卻有必定規律可循的內容：這個就須要藉助SublimeText強大正則的支持了。可使用Ctrl+H(Mac下是Alt+Command+F)調出：


SublimeText


正則表達式是很是強大的文本查找&替換工具，Sublime Text中使用Alt + R切換正則匹配模式的開啓/關閉。Sublime Text的使用Boost裏的Perl正則表達式風格。鑑於篇幅，加之自己就對這個不甚熟悉，這裏就再也不多囉嗦；如下是一些能夠參考的文章：

(8) 有時咱們須要對一片區域的全部行進行同時編輯，Ctrl+Shift+L能夠將當前選中區域打散，而後進行同時編輯：


SublimeText

(9)有打散天然就有合併，Ctrl + J(mac下Command＋J)能夠把當前選中區域合併爲一行：


SublimeText

(10)在Ctrl + P(Command+P)匹配到文件後，咱們能夠進行後續輸入以跳轉到更精確的位置：

  • @ 符號跳轉：輸入@symbol跳轉到symbol符號所在的位置
  • # 關鍵字跳轉：輸入#keyword跳轉到keyword所在的位置
  • : 行號跳轉：輸入:12跳轉到文件的第12行。

(11)Ctrl + Enter(Mac~Command+Enter)在當前行下面新增一行而後跳至該行；Ctrl + Shift + Enter在當前行上面增長一行並跳至該行。

(12)Sublime Text的查找有不一樣的模式：Alt + C切換大小寫敏感（Case-sensitive）模式，Alt + W切換整字匹配（Whole matching）模式，除此以外Sublime Text還支持在選中範圍內搜索（Search in selection），這個功能沒有對應的快捷鍵，但能夠經過如下配置項自動開啓。

"auto_find_in_selection": true

這樣以後在選中文本的狀態下範圍內搜索就會自動開啓，配合這個功能，局部重命名（Local Renaming）變的很是方便：


SublimeText

(13)Windows下Ctrl + ←/→進行逐詞移動，相應的，Ctrl + Shift + ←/→進行逐詞選擇。


SublimeText


而Mac下的Command+←/→是從一端移動到另外一端；相應的，Command + Shift + ←/→是從一端選擇到另外一端。

(14) Windows下Ctrl + ↑/↓移動當前顯示區域，Ctrl + Shift + ↑/↓移動當前行。


SublimeText


而Mac下的Command + ↑/↓是從當前行移動到頭/尾；相應的，Command + Shift + ↑/↓是從當前行選擇到頭/尾；

(15)使用Ctrl + N在當前窗口建立一個新標籤，Ctrl + W關閉當前標籤，Ctrl + Shift + T恢復剛剛關閉的標籤。

(16)編輯代碼時咱們常常會開多個窗口，因此分屏很重要。Windows下：Alt + Shift + 2進行左右分屏，Alt + Shift + 8進行上下分屏，Alt + Shift + 5進行上下左右分屏（即分爲四屏）。

(17)Sublime Text基本的手動格式化操做包括：Ctrl + [向左縮進(等同於將一塊選中Shift+Tab)，Ctrl + ]向右縮進(等同於將一塊選中後Tab鍵)，註解： Ctr+[ 和 Ctr+[ 針對一塊連續內容使用，無需選中；此外Ctrl + Shift + V能夠以當前縮進粘貼代碼（很是實用）。

(18) Ctrl+Shift+V(好吧，嘗試了下Windows下的這個，目測不行，看來須得安裝下Clipboard-history插件～（粘貼板歷史記錄）才行啊)（Mac下Command＋Shift＋V），粘貼之時能夠調出以前粘貼過的內容（以一個輕量彈框顯示以供選擇），哇哦，才發現這個功能，感受棒棒噠😄😄。


SublimeText

(19) Sublime text 刪除插件步驟：「Ctrl+Shift+P」—「Remove Package」—「找到須要刪除的插件，並點擊便可刪除」;

(20) 做爲強大而小巧，性感且快捷的SublimeText，怎麼可以容許不時彈個框提醒你購買或者別的，而且頂部有未註冊這樣破壞美感的存在呢？OK，輸入Sublime text 3最新版破解方法中提供的註冊碼，就妥妥的哦了。

 

定製屬於本身的個性化主題


SublimeText 她不只僅是做爲性感無比，強大可大編輯器的存在；要知道在現在這麼靠臉吃飯的時代，她的美者這方面怎麼可能不臻至完美呢？Mac和Windows都默認十多種不一樣風格的主題，想必會有您喜歡😍的。即使沒有也不要緊，咱們能夠本身定製本身喜歡的風格主題。 在線製做專屬Sublime Text主題。這個網址能夠輕鬆按照本身的意願製做喜歡的主題。完畢以後將生成的xx.sublime.theme文件，點開Preferences -> Browsr Packages這個，放在這個直屬目錄之下，便可在Theme處選擇這個主題了，親測沒有問題。

後記：做爲如此便捷的她(Sublime Text3)，值得分享確定不止這些，在Coding and Writing路上，要繼續去發現和發揚她的美，未完待續...
--寫於2015.04.17 22:49 ShenZhen@nanshan

 

Sublime錦上添花些許設置


---更新2015.08.31 11:59 ShenZhen@nanshan---

Sublime Text內運行javascript(ES6)

首先安裝nodejs

固然你可使用其它諸如jsc之類的環境來運行js, 本文使用的是nodejs. 首先確保你的電腦已經安裝好nodejs, 並已將其添加到環境變量中 (通常安裝時自動添加或者詢問是否添加)

添加build system

在sublime text中依次打開Tools -> Build System -> New Build System... 粘貼如下代碼後保存(如Node.sublime-build), 而後把Build System設成Automatic
{ "cmd": ["node", "--use-strict", "--harmony", "$file"], "selector": "source.js"}

附加說明

在以上的build文件中(Node.sublime-build), node是執行命令, --harmony和--use-strict是執行參數, $file是當前文件名, 因此一次build操做實際上至關於在命令行中執行了node --use-strict --harmony filename
. --harmony表示啓用ES Harmony features, 而這些features目前只能在strict模式下運行, 因此須要同時添加use-strict參數(詳見what-is-extended-mode).
若是不想啓用es6的特性,把build文件更改爲如下代碼保存便可.
{ "cmd": ["node", "$file"], "selector": "source.js"}

具體使用

在sublime test中新建一個test.js文件, 而後輸入你的測試代碼, 好比:

for (let i = 0; i < 3; i++) { console.log('i:', i); }

使用快捷鍵 ctrl + b
, 將獲得如下執行結果:

i: 0i: 1i: 2[Finished in 0.1s]

舒適註解:

  • (1)文件必須是存在於磁盤中的, 而不是untitled的, 不然sublime沒法找到相應的文件.
  • (2)Nodejs安裝目錄須要加入path環境變量中，不然Ctrl+B運行 會出現：[WinError 2] 系統找不到指定的文件。

更換Sublime Text程序圖標

不只主題能夠更換，圖標也能夠。在Dribbble上有大量從新設計的Sublime Text精美圖標。更換方法：

  1. 下載一個圖標，有.icns格式的最好。若是沒有，用iConvert轉換之。
  2. 終端執行：open /Applications/Sublime\ Text.app/Contents/Resources/
  3. 替換Sublime Text 3.icns或Sublime Text 2.icns文件。

    Sublime

Sublime 拼寫檢查

若是你常用SublimeText從事英文創做，那麼啓用拼寫檢查就很是有用處了。選擇Preferences > Settings – User菜單，添加如下代碼：

"spell_check": true,

 

寫在一路更來的結語


不得不說的是此篇文章的命名，較之於內容來說是大了不少。畢竟要優雅使用某個工具，並非件很容易的事。一邊發現學習，一邊總結更新，到此已5個月整。然而，對她～SublimeText3三的使用和了解也是僅僅限於通常水平而已。只能說：每一個人都工具的使用都懷有不一樣的態度和追求；可是， 工欲善其事，必先利其器；此一點老是沒錯的。所以，在投資本身這裏，除學習知識以外，工具的使用大抵就是最應該投資學習的，再次能夠是藍股等等，一如Google工程師@徐宥 工具的強是無敵的所言。

所謂，一個好漢三個幫；欲要優雅使用一個工具，輔助器具是必不可少的。而在於Win下以SublimeText來編程或者寫做，譬如AutoHotKey，__Listary__等對我的來說着實已成必備工具(在Mac下，有Alfred在手，能夠說是天下我有)；其給人帶來的方便快捷和意想不到的驚喜，足以能夠令其稱爲Win下小衆軟件中實用最。固然，像AutoHotKey這種在意於人強，其功能愈發強的工具，其修行之路漫漫，還當上下以求索之(15.09.17更)。

固然，也不能盲目停留在SublimeText這孤傲的世界裏。雖性感強大如斯，畢竟也已逝老牌兒範兒了。新的時代總會崛起些新秀，好比Github出品的Atom許有趕超Sublime之勢，目測充盈着些許不一樣的理念；有時間定當去學習下，知乎有話題：如何評價 Github 發佈的文本編輯器 Atom？，可預先了解下。

－－－2016-03-06日更新：
一直以來特別鍾愛Sublime的。可插件安裝多了的SublimeText日益感受微微有些卡頓感了。而且最近一次更新以後，頻繁彈出的購買提示框也是很使人不舒服（之前網搜的註冊碼也顯得力不從前）。而對Atom的近期試用情形來看，用的還蠻溫馨，如今二者兼用之。前兩天有隨記下Atom使用感覺：新編碼神器Atom使用紀要有興趣愛嘗試下Atom的看官們，可供參考。

－－－2016-03-13日更新
以前提到優雅使用SublimeText，也須結合如AutoHotKey，Listary這樣一些小工具，方更見神奇 。使用AutoHotKey也有段日子了，雖沒拿她來助我完成一些高大上覆雜的事情，卻無時無刻不幫着我節省一秒秒時間。趁着小閒，週五有將使用她的一些粗淺經驗，湊成 Win下最愛效率神器:AutoHotKey一文，與諸君分享，但願有用，如此，足慰我心，善莫大焉。

最後寄語： 工欲善其事，必先利其器！ 公欲善其事，必先利其器！

做者：晚晴幽草 連接：http://www.jianshu.com/p/3cb5c6f2421c/ 來源：簡書 著做權歸做者全部。商業轉載請聯繫做者得到受權，非商業轉載請註明出處。
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程