vsCode配置
- Auto Close Tag
写html必备,自动闭合标签 - Beautify css, sass and less code
选中代码片段,点击右键选择Format Document即可格式化文档,比较智能,不像有的插件格式化偏差很大 - Bootstrap 3 Snippets 项目中如果要用到bootstrap建议使用
- Boxy Theme Kit
编辑器主题,个人最爱boxy Nova,次之boxy solarize Light - Bracket Pair Colorizer
根据不同的颜色匹配括号,比如经常写的{{}}
这种括号,里层外层的颜色是不同的,很好区别 - console-log-snippet-javascript 打印输出的时候方便在众多的内容比较显眼
- Document This
给函数添加注释,快捷键ctrl+alt+D敲两次 - Git History
不再需要到控制台书命令啦,直接alt+B即可看到文件修改历史,alt+H可以查看历史版本等 - HTML Snippets 写vue的时将设置改为如下所示
"files.associations": { "*.js": "html", "*.vue": "html" }
- HTMLHint
HTML语法检查,没啥说的 - JavaScript Snippets
js代码片段,比较齐全要熟悉的话多看看里面的简写方法 - Output Colorizer
输出提示的文字颜色有一些变化,方便获取关键信息 - Path Autocomplete
路径补齐,根据当前路径给予提示,结局目录树复杂情况下的头痛问题 - Project Manager
工程项目过多时,shift+cmd+P然后输入project,第一次选择edit Project编辑自己的工程项目,之后就可以直接选择open打开你的项目,相当快捷[ { "name": "test1", //别名,之后打开这个项目直接选这个名字就好了 "rootPath": "/workspace/test1", //项目所在路径 "paths": [], "group": "" }, { "name": "test2", "rootPath": "/workspace/test2", "paths": [], "group": "" }, ]
- Sass 要写sass的必备
- Sublime Text Keymap
sublime快捷键方式,这是我比较习惯的快捷键方式,vim党和emacs党可以选择自己的风格 - vetur + vue + Vue 2 Snippets + Vue TypeScript Snippets
vue插件全家桶,哈哈哈,目前经常写vue,这一套效果真的不错 - VSCode Great Icons
目录树图标,个人爱好这一套
vsCode的插件比较齐全的,各种插件都有,有兴趣可以多看看,打造自己的IDE,另一方面就是vsCode的缺点,有时候是有一点慢的,比如首次加载和部分提示
May 29, 2017 10:07 PM