vsCode打造自己的IDE

vsCode配置

1. Auto Close Tag
   写html必备，自动闭合标签
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
   根据不同的颜色匹配括号，比如经常写的{{}}这种括号，里层外层的颜色是不同的，很好区别
6. console-log-snippet-javascript 打印输出的时候方便在众多的内容比较显眼
7. Document This
   给函数添加注释，快捷键ctrl+alt+D敲两次
8. Git History
   不再需要到控制台书命令啦，直接alt+B即可看到文件修改历史，alt+H可以查看历史版本等
9. HTML Snippets 写vue的时将设置改为如下所示

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

10. HTMLHint
    HTML语法检查，没啥说的
11. JavaScript Snippets
    js代码片段，比较齐全要熟悉的话多看看里面的简写方法
12. Output Colorizer
    输出提示的文字颜色有一些变化，方便获取关键信息
13. Path Autocomplete
    路径补齐，根据当前路径给予提示，结局目录树复杂情况下的头痛问题
14. Project Manager
    工程项目过多时，shift+cmd+P然后输入project，第一次选择edit Project编辑自己的工程项目，之后就可以直接选择open打开你的项目，相当快捷

        [
            {
                "name": "test1",                    //别名，之后打开这个项目直接选这个名字就好了
                "rootPath": "/workspace/test1",     //项目所在路径
                "paths": [],
                "group": ""
            },
            {
                "name": "test2",
                "rootPath": "/workspace/test2",
                "paths": [],
                "group": ""
            },
        ]
    

15. Sass 要写sass的必备
16. Sublime Text Keymap
    sublime快捷键方式，这是我比较习惯的快捷键方式，vim党和emacs党可以选择自己的风格
17. vetur + vue + Vue 2 Snippets + Vue TypeScript Snippets
    vue插件全家桶，哈哈哈，目前经常写vue，这一套效果真的不错
18. VSCode Great Icons
    目录树图标，个人爱好这一套

---

最爱的主题镇楼

vsCode的插件比较齐全的，各种插件都有，有兴趣可以多看看，打造自己的IDE，另一方面就是vsCode的缺点，有时候是有一点慢的，比如首次加载和部分提示

May 29, 2017 10:07 PM