一、介绍

  Visual Studio Code （简称VS Code） 是Microsoft开发的一款 免费开源 且 跨平台 的代码编辑器，它支持几乎所以主流的开发任务的自动化，并内置了Git版本控制功能。这款编辑器不仅可以在桌面上运行，而且支持 Windows、macOS 和 Linux 三大操作系统。

二、安装VS Code

（一）下载安装包

VS Code官网：https://code.visualstudio.com

• 下载 windows版本 直接点击DownLoad for Windows 下载就可以
  
• 下载 Linux版本 或 macOS版本 点击旁边的箭头，选择对应的版本
• Stable（稳定版）
• StableInsiders（内测版）
  

（二）安装

• 找到刚下载的安装包， 双击 运行
  

• 点击 我同意此协议(A) ，然后点击 下一步
  

• 点击 浏览 选择安装路径，尽量 不要安在C盘 ，用时间长了C盘会爆红

• 点击 下一步
  

• 根据自己的需求勾选 不创建开始菜单文件(D)

• 点击 下一步
  

• 根据自己的需求勾选 创建桌面快捷方式(D)

• 点击 下一步
  

• 确认安装信息后，点击 安装
  

• 等待进度条加载满
  

• 勾选 运行Visual Studio Code

• 点击 完成
  

• 运行后看到此页面就是安装成功了
  

三、配置

（一）介绍

  VSCode的插件系统是其强大的功能之一，允许用户根据自己的需求和开发环境 定制 和 增强 编辑器

（二）安装插件

• 先点击 四个小方块 ，然后在 搜索栏 中输入插件名称即可
  
  1、Chinese (Simplified) (简体中文) Language Pack for Visual
• 中文语音包
  
  2、Auto Close Tag
• 自动闭合标签，光标自动定位在开始标签和结束标签之间
  
  3、Auto Rename Tag
• 更改开始标签时，结束标签也会被更改
  
  4、Code Spell Checker
• 实时检查拼写错误，错误地方会用波浪线提示，可以选择“Quick Fix”来快熟修复拼写错误
  
  5、File Utils
• 增强和管理文件与目录的操作体验
  
  6、IntelliJ IDEA Keybindings
• 为VS Code提供Intellij IDEA的快捷键绑定，使得习惯使用IDEA的开发者能在在VS Code中保持一致的快捷键操作体验
  
  7、JavaScript (ES6) code snippets
• 为用户提供一系列的ES6（ECMAScript 2015）语法代码片段，以便在编写JavaScript代码时快速插入和使用这些片段，从而提高开发效率
  
  8、open in browser
• 使用 Alt + B 快捷键打开默认浏览器，使用 Alt + Shift + B 快捷键打开其他浏览器
  
  9、Path Intellisense
• 自动补全文件名
  
  10、Vetur
• 为Vue.js文件提供了语法高亮，智能代码补全，错误检查等功能
  
  11、Vue 3 Snippets
• 专为Vue 3开发者设计的，旨在提高开发效率和代码质量
  
  12、VueHelper
• 支持Vue 2.x和Vue 3.x，帮助开发者更高效地编写和维护Vue.js代码
  

（三）设置

1、修改主题颜色

• 点击 设置图标 ，选择 主题 ，主题颜色
  
• 选择自己喜欢的主题颜色即可
  
  2、修改字体大小
• 按住 ctrl+， ，点击 文本编辑器 ，字体 ，填入你想要的 字体大小
  

四、卸载VS Code

• 右击 桌面上的VS Code图标，选择 打开文件所在的位置
  

• 在当前目录下找到unins000.exe程序，双击
  

• 选择 是，即可卸载成功
  

• 这样只是卸载了软件，其配置和插件都在，下次重新安装后，无需重新配置