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

推荐阅读更多精彩内容

  • 常用插件 Auto Close Tag 自动添加HTML / XML关闭标签(必备) Auto Rename Ta...
    Moorez阅读 6,319评论 0 41
  • 有天突然发现自己似乎开始忘记一些事情,自己的,别人的。 可是,我想记住。 开始一点一点的写着,日记也好,随笔也好。...
    三十咋了阅读 114评论 0 0
  • 在开始谈 WebVR 前,我们先来看看人眼中的三维立体是如何产生的。 外部世界是三维立体的,但是它在我们的视网膜上...
    点融黑帮阅读 8,773评论 4 6