## 前言 vsc作为目前前端开发利器，迅速崛起，作为一名前端开发者，必须熟悉其基本的使用技巧以及快捷键。 ### 官网快捷键 * [快捷键文档](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf) ### 常见基本设置 * 设置emmet语法快速tab联想 ~~~ "emmet.includeLanguages": { "vue":"html", "vue-html":"html", "vue-css":"css" }, "emmet.showAbbreviationSuggestions": true, "emmet.syntaxProfiles": { "vue":"html", "vue-html":"html", "vue-css":"css" }, ~~~ * 文本自动换行：`"editor.wordWrap": "on",`注意 ：如果你开启了换行但是文本还是会出现横向滚动条，可以设置下eslint代码格式化之后就不会有这个问题了。 * 文档打开用新窗口新标签页 ~~~ "workbench.editor.enablePreviewFromQuickOpen": false, "workbench.editor.enablePreview": false ~~~ * vue文件关联类型，以及emmet对vue语法支持 ~~~ "files.associations": { "*.vue": "vue" }, "emmet.syntaxProfiles": { "vue":"html", "vue-html":"html", "vue-css":"css" }, ~~~ * 文档自动保存，延迟保存 ~~~ "files.autoSave": "afterDelay", "files.autoSaveDelay": 1000, ~~~ * eslint基本设置 ~~~ "eslint.validate": [ "javascript", "javascriptreact", "vue" ], ~~~ * 编辑器文本大小：`"editor.fontSize": 14,` ### 设置同步教程（包括基本设置以及安装的插件） vsc快速入门指南： 设置自动保存 设置emmet的快速编码方式，也就是zen-coding vsc设置eclipse的键盘快捷方式 setting sync ide的配置选项可以同步到你所有的电脑 参考教程： http://www.barretlee.com/blog/2017/04/21/something-about-vsc/ ## 插件推荐 - gitlens 可以方便的查看代码行的作者，方便进行问题定位，方案回滚与确定。 -