安装、使用及卸载VS Code

安装

官网

打开官网地址，选择download，找到自己电脑对应的版本进行下载

使用

汉化

1. ctrl + shift + p 打开命令面板，输入并选择 Configure Display Language

2. 选择 zh-cn 选项若无该选项需要安装相应的语言包，点击下方的安装其他语言进行安装(install additional languages)

3. 重启 vscode 并重新执行上述操作，选择zh-cn

已内置的插件

• Path Intellisense，路径自动补全
• Auto Close Tag，自动补全标签
• Auto Rename Tag，重命名标签，在标签上按F2即可重命名，通过设置 "editor.renameOnType": true（默认为false）可以自动修改
• npm Intellisense，导入语句中提供 npm 模块补全
• Document This，自动生成注释说明，/** */

添加插件

• vetur ， .vue 文件语法提示
• eslint，代码风格检验
• prettier，格式化代码风格
• GitLens —— Git supercharged，Git提交历史展示

代码风格配置

// .eslintrc.js文件配置规则
rules: {
  quotes: [1, 'single'], // 使用单引号
  semi: [1], // 语句末尾加分号
  'comma-dangle': [1, 'always-multiline'], // 多行数组/对象结尾加逗号
  'prefer-const': [0], // 定义的变量没有改变时不强制使用const
}

// .prettierrc格式化规则
{
  "semi": true, // 语句末尾加分号
  "trailingComma": "all", // 多行数组/对象结尾加逗号
  "singleQuote": true, // 使用单引号
  "tabWidth": 2 // tab使用2个空格
}

创建Github Token

1. 点击 Github 的用户头像，选择 setting

2. 点击 developer settings 进入设置页面

3. 选择 Personal access tokens，并点击 Generate new token 创建一个新的 token

4. 输入 gist 的名称，选中gist选项

5. 点击 Generate token 创建

生成的 token 要自己保存好，后面不会再展示出来，忘记 token 可以重置

配置同步

1. 安装 Setting Sync
2. 创建Github Token
3. ctrl + shift + P 打开命令行，输入 sync，选择高级选项

4. 选择打开设置

5. 面板输入 gist ID 和 token

卸载

找到vscode的安装目录

删除配置C:\Users\Administrator\.vscode