vsCode配置

1. Auto Close Tag
   寫html必備，自動閉合標(biāo)簽
2. Beautify css, sass and less code
   選中代碼片段，點擊右鍵選擇Format Document即可格式化文檔，比較智能，不像有的插件格式化偏差很大
3. Bootstrap 3 Snippets 項目中如果要用到bootstrap建議使用
4. Boxy Theme Kit
   編輯器主題，個人最愛boxy Nova，次之boxy solarize Light
5. Bracket Pair Colorizer
   根據(jù)不同的顏色匹配括號，比如經(jīng)常寫的{{}}這種括號，里層外層的顏色是不同的，很好區(qū)別
6. console-log-snippet-javascript 打印輸出的時候方便在眾多的內(nèi)容比較顯眼
7. Document This
   給函數(shù)添加注釋，快捷鍵ctrl+alt+D敲兩次
8. Git History
   不再需要到控制臺書命令啦，直接alt+B即可看到文件修改歷史，alt+H可以查看歷史版本等
9. HTML Snippets 寫vue的時將設(shè)置改為如下所示

       "files.associations": {
           "*.js": "html",
           "*.vue": "html"
       }
   

10. HTMLHint
    HTML語法檢查，沒啥說的
11. JavaScript Snippets
    js代碼片段，比較齊全要熟悉的話多看看里面的簡寫方法
12. Output Colorizer
    輸出提示的文字顏色有一些變化，方便獲取關(guān)鍵信息
13. Path Autocomplete
    路徑補(bǔ)齊，根據(jù)當(dāng)前路徑給予提示，結(jié)局目錄樹復(fù)雜情況下的頭痛問題
14. Project Manager
    工程項目過多時，shift+cmd+P然后輸入project，第一次選擇edit Project編輯自己的工程項目，之后就可以直接選擇open打開你的項目，相當(dāng)快捷

        [
            {
                "name": "test1",                    //別名，之后打開這個項目直接選這個名字就好了
                "rootPath": "/workspace/test1",     //項目所在路徑
                "paths": [],
                "group": ""
            },
            {
                "name": "test2",
                "rootPath": "/workspace/test2",
                "paths": [],
                "group": ""
            },
        ]
    

15. Sass 要寫sass的必備
16. Sublime Text Keymap
    sublime快捷鍵方式，這是我比較習(xí)慣的快捷鍵方式，vim黨和emacs黨可以選擇自己的風(fēng)格
17. vetur + vue + Vue 2 Snippets + Vue TypeScript Snippets
    vue插件全家桶，哈哈哈，目前經(jīng)常寫vue，這一套效果真的不錯
18. VSCode Great Icons
    目錄樹圖標(biāo)，個人愛好這一套

最愛的主題鎮(zhèn)樓

vsCode的插件比較齊全的，各種插件都有，有興趣可以多看看，打造自己的IDE，另一方面就是vsCode的缺點，有時候是有一點慢的，比如首次加載和部分提示

May 29, 2017 10:07 PM