一.下載Sublime-安裝PackgeControl
- Sublime下載地址
- 打開Sublime Text控制臺（快捷鍵Ctrl+`）在控制臺粘貼以下代碼，按回車執(zhí)行.
import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
-
PackgeControl的基本操作:
3.1 shift+command+p 打開管理面板
3.2 Install Package 把插件名輸入就可以了找到你想要的插件點擊下載安裝就可以了
3.3 Remove Package 移除插件
3.4 Upgrade Package 更新插件
二.通過PackgeControl下載安裝插件
AutoFileName:引用文件路徑補全
ColorPiker:調(diào)色板狮辽，需要輸入顏色時紫谷，可直接選取顏色幅慌。使用快捷鍵ctrl+shift+c即可打開調(diào)色板纬凤。需要注意的是，這個快捷鍵可能會打不開調(diào)色板搔驼，原因是該快捷鍵被占用了尉桩，最直接的解決辦法是直接在Preferences→Key Bindings-User中配置：“{ "keys":["ctrl+shift+c"],"command": "color_pick"},”
convertToUTF8和ColorPicker快捷鍵沖突，convertoUTF8的默認轉(zhuǎn)換GBK的快捷鍵 和 ColorPicker打開調(diào)色板的快捷鍵都是ctrl+shift+c 可以去修改convertoUTF8的快捷解決妻献。Doc?Blockr: 代碼塊注釋
/:回車創(chuàng)建一個代碼塊注釋
/*:回車在自動查找函數(shù)中的形參等等Emmet: 不做解釋
HTML-CSS-JS-Prettify:
格式化HTML,CSS,javascript和Json代碼格式蛛株。使用該插件，需要安裝nodejs育拨，而且要在Packages-Setting→HTML/CSS/JS Prettify→set node path中設(shè)置你node的安裝路徑谨履。使用過程：Tools→Command Palette(或者Ctrl+Shift+P)，輸入選擇htmlprettify即可完成整個文檔的格式化熬丧。也可以設(shè)置快捷鍵：Packages-Setting→HTML/CSS/JS Prettify→set keyboard shortcuts笋粟，因為我的ctrl+shift+h已經(jīng)被占用，所以我改成ctrl+shift+alt+h析蝴。SideBarEnhancements:我常用的兩個功能是設(shè)置文件使用瀏覽器打開的快捷鍵F12和重命名F2害捕，需要自己往Key-Bindings-User里面添加{ "keys": ["f12"], "command": "side_bar_open_in_browser","args":{"paths":[], "type":"testing", "browser":""}},
{ "keys": ["f2"], "command": "side_bar_rename"},ColorHighlighter 它可以展示你所選擇的顏色代碼（像“#FFFFFF”, “rgb(255,255,255)”, “white”）的真正顏色。同時它還包含一個顏色選擇器讓你可以方便地更改顏色闷畸。
查看介紹BracketHighlighter: 括號以及標簽層級顯示尝盼，不用擔心選中的代碼屬于哪個代碼塊，一目了然佑菩。
CSS3 語法高亮盾沫、CSS語法提示，美中不足的是缺少游覽器私有屬性高亮殿漠。
ConvertToUTF8:
通過本插件赴精，您可以編輯并保存目前編碼不被 Sublime Text 支持的文件，特別是中日韓用戶使用的 GB2312绞幌，GBK蕾哟，BIG5，EUC-KR莲蜘，EUC-JP 等谭确。可以通過 File→Set File Encoding to 菜單對文件編碼進行手工轉(zhuǎn)換菇夸。例如琼富，您可以打開一個 UTF-8 編碼的文件，指定保存為 GBK庄新，反之亦然鞠眉。JavaScript Completions: 或者 SublimeCodeIntel js代碼智能提示
SublimeLinter:代碼校驗
12.1 Package Control: Install Package 安裝 SublimeLinter-jshint
12.2 這個工具需要依賴node.js 訪問官網(wǎng)下載Node.js，并進行安裝择诈。
Windows平臺：按Windows鍵+X械蹋，在彈出的菜單中選擇命令提示符（管理員），輸入以下代碼進行安裝：npm install -g jshint
Mac OS X平臺：在工具中羞芍，打開終端哗戈，輸入 sudo -s，獲取root權(quán)限荷科，然后輸入以下代碼進行安裝： npm install -g jshint
jshint -v 可查看安裝的jshint版本唯咬。
12.3 csslint的安裝方法與jshint一致纱注，只需要在sublime text 3的package control中再安裝SublimeLinter-csslint，然后在命令行中以下代碼安裝csslint即可胆胰。
輸入 csslint --version可查看安裝的csslint版本狞贱。
JsFormat
JsForma可以自動幫助你格式化JavaScript代碼，形成一種通用的格式蜀涨，比如對壓縮瞎嬉、空格、換行的js代碼進行整理厚柳，使得js代碼結(jié)構(gòu)清晰氧枣，易于觀看。在已壓縮的JS文件中别垮，右鍵選擇jsFormat或者使用默認快捷鍵（Ctrl+Alt+F）便监，如果該熱鍵被占用了，可以在Preferences→Key Bindings-User中配置： { "keys": ["ctrl+shift+alt+j"], "command": "js_format","context": [{"key": "selector", "operator": "equal", "operand": "source.js,source.json"}]},Alignment
對定義的變量進行智能對齊,一般是“=”號對齊宰闰，默認的快捷鍵是Ctrl+Alt+A茬贵，但這個熱鍵和QQ截屏的熱鍵沖突不能使用，需要自己重新設(shè)置移袍，我通常設(shè)置成Ctr+Alt+Shift+A解藻，以下粘貼到Key-Bindings-User里面：{ "keys": ["ctrl+alt+shift+a"], "command": "alignment" },
15 CSS Format
CSS Format可以將任意的 CSS、SASS葡盗、SCSS螟左、LESS 代碼格式化為展開、緊湊觅够、壓縮的形式胶背，選中需要格式化的樣式代碼，右鍵選中CSS Format喘先，選擇需要形成的格式即可钳吟。
JavaScript Next：完美支持ECMAScript 6
JavaScript Next 提供了比默認JavaScript Package更好的語法高亮，而且他完美支持ECMAScript 6窘拯。 建議完全使用 JavaScript Next代替JavaScript Package红且。-
sublime-autoprefixer
功能：CSS添加私有前綴
簡介：CSS還未標準化，所以要給各大瀏覽器一個前綴以解決兼容問題
使用：Ctrl+Shift+P涤姊，選擇autoprefixer即可暇番。需要安裝node.js。
其他設(shè)置如快捷鍵請參考：https://sublime.wbond.net/packages/Autoprefixer
1.png Git :版本控制
可視化的操作：幫助你與你的Git repo協(xié)議進行交互思喊。它支持很多命令像init, push, pull, branch, stash,等等壁酬。了解更多關(guān)于你在Sublime Text里面究竟能使用哪些Git功能，以提高您的工作流程。使用參考
17.1GitGutter:Sublime Text 有了 Git 插件之后舆乔，GitGutter 更好的幫助開發(fā)者查看文件之前的改動和差異岳服，提升開發(fā)效率。
三. 注意點
-
插件下載完可能會有快捷鍵沖突需要自己手動修改
直接打開屏幕快照 2018-07-05 下午4.32.29.png
找對應(yīng)插件的默認配置文件屏幕快照 2018-07-05 下午4.32.54.png
這里你可以了解到每個功能使用的快捷鍵和一些其他信息蜕煌。 - sublime text 3 在寫 css 時自動提示類名的解決方案
- 自己寫的js代碼外部引入不提示問題派阱，小編也很費解,不過在解決上面的問題后，js提示有效了斜纪。（是個坑，也可能導(dǎo)入js 時沒有保存所以不提示,可以command+s,試試）
- 需要使用angular 或者 jQuery bootstrap 可以直接下載相關(guān)插件文兑，會有友好的代碼提示.
-
下面是小編的全部插件列表（有些上面可能沒介紹可以自行百度）
屏幕快照 2018-07-07 下午1.34.49.png
五 Sublime 的基本操作
界面
File：文檔相關(guān)盒刚，新建文件,打開文件或文件夾等。
Edit：文件編輯相關(guān)绿贞，復(fù)制因块，剪切等（CVS大法好）。除此之外還有一些強大的功能籍铁。
Selection：選擇相關(guān)涡上，幫助選擇代碼。
Find：查找替換相關(guān)拒名。這個和其它編輯器區(qū)別好像不大吩愧。
Ctrl+F查找、Ctrl+H替換等增显。
View：對Sublime_Text編輯器本身的一些配置雁佳。
SideBar:開啟側(cè)邊欄Ctrl+k,b
Show console：打開控制臺窗口，安裝package control需要使用.
Goto：快捷導(dǎo)航：下面介紹同云。Goto Anything
tools:工具糖权，一些命令。
new Snippet：自定義代碼片段炸站，保存到user下
Project: 項目相關(guān)星澳，用的少。
Preferences：對于sublime_text進行一些個性化定值旱易。
Help：如同名字禁偎。注冊在這里-
快捷鍵
Ctrl+Shift+D：復(fù)制當前行
Ctrl+Shift+K：刪除當前行
Ctrl+j: 合并一行
Ctrl+Enter：在當前行下添加新行。After
Ctrl+Shift+Enter：在當前行上添加新行咒唆。Before
Comment注釋：
Ctrl+/：行注釋届垫。
Ctrl+Shift+/：塊注釋
Ctrl+Shift+P：調(diào)用命令面板，快速查找全释，例如：改變語法模式等装处。模糊匹配，可以減少對快捷鍵的記憶。
Shift+Alt+1妄迁，2寝蹈，3，4登淘，5：開啟對應(yīng)數(shù)字的多欄編輯
Ctrl+P：Goto Anything
Ctrl+P: 查找項目中的文件：
直接輸入名稱：在不同文件中切換箫老，支持級聯(lián)的目錄模式
:：+ 行號：Ctrl+G 定位到具體的行。
@：+ 符號：Ctrl+R定位到具體的符號黔州，例如：JS函數(shù)名耍鬓，CSS選擇器名。
#：+ 關(guān)鍵字：Ctrl+;匹配到具體的匹配的關(guān)鍵字流妻。主要是模糊匹配牲蜀。
多行游標
Ctrl+D：選中當前光標所在位置的單詞。連續(xù)使用時绅这，進行多光標選擇涣达，選中下一個同名單詞。
Ctrl+K：配合Ctrl+D可以跳過下一個同名單詞证薇。
Ctrl+L：選擇當前光標所在位置的行度苔。連續(xù)使用時，繼續(xù)選中下一行浑度。
Ctrl+Shift+L：在多行選中后寇窑，在所有選中的行后產(chǎn)生游標。
Alt+F3：選中文檔中所有的同名單詞俺泣。
Shift+鼠標右鍵：向下拖動疗认，產(chǎn)生多個光標。
【初來匝道請大家多多指教】
