vsCode配置
- Auto Close Tag
寫(xiě)html必備档礁,自動(dòng)閉合標(biāo)簽 - Beautify css, sass and less code
選中代碼片段歪玲,點(diǎn)擊右鍵選擇Format Document即可格式化文檔秕衙,比較智能蠢甲,不像有的插件格式化偏差很大 - Bootstrap 3 Snippets 項(xiàng)目中如果要用到bootstrap建議使用
- Boxy Theme Kit
編輯器主題,個(gè)人最愛(ài)boxy Nova据忘,次之boxy solarize Light - Bracket Pair Colorizer
根據(jù)不同的顏色匹配括號(hào)鹦牛,比如經(jīng)常寫(xiě)的{{}}
這種括號(hào),里層外層的顏色是不同的勇吊,很好區(qū)別 - console-log-snippet-javascript 打印輸出的時(shí)候方便在眾多的內(nèi)容比較顯眼
- Document This
給函數(shù)添加注釋曼追,快捷鍵ctrl+alt+D敲兩次 - Git History
不再需要到控制臺(tái)書(shū)命令啦,直接alt+B即可看到文件修改歷史汉规,alt+H可以查看歷史版本等 - HTML Snippets 寫(xiě)vue的時(shí)將設(shè)置改為如下所示
"files.associations": { "*.js": "html", "*.vue": "html" }
- HTMLHint
HTML語(yǔ)法檢查礼殊,沒(méi)啥說(shuō)的 - JavaScript Snippets
js代碼片段,比較齊全要熟悉的話多看看里面的簡(jiǎn)寫(xiě)方法 - Output Colorizer
輸出提示的文字顏色有一些變化针史,方便獲取關(guān)鍵信息 - Path Autocomplete
路徑補(bǔ)齊晶伦,根據(jù)當(dāng)前路徑給予提示,結(jié)局目錄樹(shù)復(fù)雜情況下的頭痛問(wèn)題 - Project Manager
工程項(xiàng)目過(guò)多時(shí)啄枕,shift+cmd+P然后輸入project婚陪,第一次選擇edit Project編輯自己的工程項(xiàng)目,之后就可以直接選擇open打開(kāi)你的項(xiàng)目频祝,相當(dāng)快捷[ { "name": "test1", //別名泌参,之后打開(kāi)這個(gè)項(xiàng)目直接選這個(gè)名字就好了 "rootPath": "/workspace/test1", //項(xiàng)目所在路徑 "paths": [], "group": "" }, { "name": "test2", "rootPath": "/workspace/test2", "paths": [], "group": "" }, ]
- Sass 要寫(xiě)sass的必備
- Sublime Text Keymap
sublime快捷鍵方式,這是我比較習(xí)慣的快捷鍵方式常空,vim黨和emacs黨可以選擇自己的風(fēng)格 - vetur + vue + Vue 2 Snippets + Vue TypeScript Snippets
vue插件全家桶沽一,哈哈哈,目前經(jīng)常寫(xiě)vue漓糙,這一套效果真的不錯(cuò) - VSCode Great Icons
目錄樹(shù)圖標(biāo)铣缠,個(gè)人愛(ài)好這一套
最愛(ài)的主題鎮(zhèn)樓
vsCode的插件比較齊全的,各種插件都有兼蜈,有興趣可以多看看攘残,打造自己的IDE,另一方面就是vsCode的缺點(diǎn)为狸,有時(shí)候是有一點(diǎn)慢的歼郭,比如首次加載和部分提示
May 29, 2017 10:07 PM