sublime 編輯器學習
對比了不少的文本編輯工具，也接觸過很多的編輯工具 例如：nodpad++,editplus,sublimetext3,visual studio code ,等工具，發現各有利弊，因爲在考慮往全棧方向發展 故也開始向前端邁進。下面主要是在網上翻閱博客整理的相關知識。主要貼了一下其他博友的網址，和一些自己在使用sublime時遇到的一下問題和記的一些筆記。便於自己後面查閱。
start
離線安裝 package controll
https://www.cnblogs.com/luoshupeng/archive/2013/09/09/3310777.html
markdown實時預覽
https://blog.csdn.net/github_32886825/article/details/52930195
emmet(補齊html代碼等)無法生效原因 ，PyV8安裝
https://blog.csdn.net/yanzi1225627/article/details/51069420
快捷鍵和插件參考
https://blog.csdn.net/huohao_blogs/article/details/76120756
AutoFileName
快速列出你想引用的文件夾裏面所有文件的名字，比如想引用test/img/1.png。只需要輸入/img,該插件就會自動提示/img下面的所有文件名，如圖
JsFormat
JsForma可以自動幫助你格式化JavaScript代碼，形成一種通用的格式，比如對壓縮、空格、換行的js代碼進行整理，使得js代碼結構清晰，易於觀看。在已壓縮的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”}]},
sublime 常用快捷鍵
https://blog.csdn.net/free_xiaochen/article/details/78181125
側邊欄增強插件SideBarEnhancements
這個也沒有什麼好說的，誰用誰知道，大大增強右鍵列表的功能，裝上就能用。s
控制檯呼出插件Terminal
用node，Grunt等等要調出控制檯的娃知道的，簡直神奇有木有，裝上就能用。
Tips:快捷鍵 ctrl+shift+T呼出當前文件路徑的控制檯
代碼提示插件SublimeCodeIntel
這個也沒什麼廢話吧，支持多語言的高速編碼的代碼提示工具。
然後打開Sublime創建個文件試一下，如果還不行就按下 ctrl+shift+space 開啓提示功能
以前用的是什麼TAG，CssComb和JSFormat，但是某一天發現這款集成prettify的插件後就一直沒換過了,不要被插件的HTML迷惑，這是一款可以用於HTML，CSS，Javascript的集成排版插件
Tips:安裝完快捷鍵ctrl+shift+h 一鍵格式化代碼
一鍵瀏覽文件
Preferences->Key Bindings - User打開用戶快捷鍵設置，copy下面的設置
[
//firefox
{
“keys”: [“f1”],
“command”: “side_bar_files_open_with”,
“args”: {
“paths”: [],
“application”: “C:\Program Files\Mozilla Firefox\firefox.exe”,
“extensions”: “."
}
},
//chorme
{
“keys”: [“f2”],
“command”: “side_bar_files_open_with”,
“args”: {
“paths”: [],
“application”: “C:\Users\manfr\AppData\Local\Google\Chrome\Application\chrome.exe”,
“extensions”: ".”
}
},
//IE
{
“keys”: [“f3”],
“command”: “side_bar_files_open_with”,
“args”: {
“paths”: [],
“application”: “C:\Program Files\Internet Explorer\iexplore.exe”,
“extensions”: “."
}
},
//safari
{
“keys”: [“f4”],
“command”: “side_bar_files_open_with”,
“args”: {
“paths”: [],
“application”: “C:\Program Files (x86)\Safari\Safari.exe”,
“extensions”: ".”
}
}
]
稍微解釋下，keys是按鍵，application是瀏覽器應用程序路徑，注意反斜槓的要轉義。extensions是匹配所有的文件後綴格式。
Tips:查了下默認的快捷鍵，SublimeText3中f1-f12中只有f11被默認爲全屏命令，其他的沒設置。也就是說，你可以裝十個八個瀏覽器一字排開按過去測試。
CSS3前綴補充插件Autoprefixer
ctrl+shift+P輸入install Package等待讀取服務器列表，輸入autoprefixer第一個就是了
要裝Node.js，沒有的話去下載安裝吧
插件使用CanIUse資料庫，能精準判斷哪些屬性需要什麼前綴
Tips:使用方法：在輸入CSS3屬性後（冒號前）按Tab鍵
Trailing spaces
可以檢測和一鍵刪除代碼的空格，保存時自動刪除多餘空格，讓你的代碼更加緊湊規範。功能入口：Edit→
Trailing Spaces→
Delete，也可以自己設置快捷鍵，我通常設置成ctrl+shift+alt+t，以下粘貼到Key-Bindings-User裏面：{ “keys”: [“ctrl+shift+alt+t”], “command”: “delete_trailing_spaces” },
DocBlockr
安裝該插件後，可以快速生成各種註釋格式，當需要生成註釋符號時，輸入/*、/然後回車系統即幫你自動生成，如果/後面剛好是一個函數的定義，註釋格式會根據函數的參數生成。
目前使用到的插件
{
“bootstrapped”: true,
“in_process_packages”:
[
],
“installed_packages”:
[
“3024 Color Scheme”,
“AdvancedNewFile”,
“auto-save”,
“AutoFileName”,
“Autoprefixer”,
“DocBlockr”,
“Emmet”,
“jQuery”,
“JsFormat”,
“MarkdownEditing”,
“MarkdownPreview”,
“Nodejs”,
“Package Control”,
“Python 3”,
“SideBarEnhancements”,
“SublimeCodeIntel”,
“Terminal”,
“TrailingSpaces”
]
}
插件補充
SyncedSideBar 定位打開文件到左側目錄結構
配置快捷鍵
在key binds中自定義快捷鍵中配置如下信息即可
{ “keys”: [“ctrl+shift+c”], “command”: “copy_path” }