Visual Studio Code环境插件安装配置

一、Visual Studio Code环境插件安装配置

1.下载Visual Studio Code 并安装完成
2.打开Visual Studio Code，操作说明如图

WechatIMG1 1.jpeg

3.下载开发辅助插件、帮助开发，插件安装完成需要重启Visual Studio Code 启动插件

F3F273C8FAE43DF5244B3088B502CAF3.png

B69CC310587EDC7312035F5733DA9181.png

E73DD9F6DFBB6BE827DABCC1100C9D88.png

8490FAD54F773026F16132DF6A33A0D6.png

99114063B7C9422773B96AAF01307996.png

671022F11C1558F22CF3A3BFB227F237.png

二、Visual Studio Code项目路径说明

D33E7F00DAE89B086DB05F3839AB1A75.png

三、Visual Studio Code 配置自己项目常用配置（缩进、代码检查报错规则等）

F3F273C8FAE43DF5244B3088B502CAF3.png

69F4BDB4582A732DEECEE7B03AB0D2CE.png

ED4E427BD67C085325B1E542986AFFB0.png

{
  "workbench.colorTheme": "Visual Studio Light",
  "window.zoomLevel": 2,
  "open-in-browser.default":"Chrome",
  "files.associations": {
    "*.vue": "html"
  },
  "workbench.iconTheme": "vscode-icons",
  "vetur.validation.template": false,
  "open-in-browser.default": "chrome",
  "prettier.tabWidth": 2,
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "vetur.format.defaultFormatter.html": "prettier",
  "editor.tabSize": 2,

  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
        "language": "vue",
        "autoFix": true
      }],
    "eslint.autoFixOnSave": true,
    
    "editor.detectIndentation": false,
    "editor.renderControlCharacters": true,
    "editor.renderWhitespace": "all",
    "editor.tabSize": 2,

    "files.associations": {
      "*.vue": "vue"
  }
}

四、Visual Studio Code常使用快捷键

command + F  直接调出文件快速搜索

command + P  直接跳转到指定的文件

光标跳转的快捷键
按下 Option 和左方向键，把光标移动到当前单词的最前面

持续按下 Option 和右方向键，在文档中以单词为单位不停移动

按住 Cmd 和左右键把光标移动到行首或者行尾

按下 Cmd + Shift + \ 在一对花括号之间跳转

按下 Cmd 加上下方向键跳转到文档第一行或者最后一行

文本选择
同时按住 Option + 左方向键 + Shift 键，选中当前单词开头到光标之间的所有字符

按下 Cmd + Backspace 删除当前行光标后所有文本

按下 Cmd + Delete 删除当前行光标前的所有文本

Option + Delete 把当前单词里光标前的字符删除

Option + Backspace 把当前单词里光标后的字符删除

“Option + 上下方向键”，上下移动当前行
“Option + Shift + 上下方向键”，向上或下复制当前行

移动代码行，代码缩进发生改变


如果你要将一行代码注释掉，你只需按下 “ Cmd + / ” （Windows 上时 “Ctrl + /”）。
如果你需要把一整段代码注释掉，按下 “ Option + Shift + A”即可。


你可以按下 “Option + Shift + F” （Windows 上是 Alt + Shift + F）来对整个文档进行格式化，


你也可以选中一段代码，然后按下 “Cmd + K Cmd + F” （Windows 上是 Ctrl + K Ctrl + F），这样只有这段被选中的代码才会被格式化。


有的时候，你会觉得代码格式化太重了，需要的可能只是把代码里的缩进调整一下。这时你可以打开命令面板（快捷键“Cmd + Shift + P”），搜索 “缩进”，然后使用 “重新缩进行” 将整个文档的缩进进行调整，但更多时候，你只需要运行 “重新缩进选中行” 来调整部分选中代码行的缩进。

“Cmd + U”，撤销光标的移动和选择
ctr + z ,停止终端上一个命令