Visual Studio Code安装及使用教程（图文教程）

Visual Studio Code下载

Visual Studio Code（简称“VS Code”）是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器，可在桌面上运行，并且可用于Windows，macOS和Linux。

在浏览器中输入： https://code.visualstudio.com/ 进入visualstudio官网，点击下载

Visual Studio Code安装

双击 >> VSCodeUserSetup-x64-1.78.2.exe >> 一直选择Next >> OK

Visual Studio汉化

1. 打开 Visual Studio Code 软件
2. 点击左侧第四个图标，打开扩展商店（Extensions）
3. 在搜索框中输入“Chinese”，搜索出“Chinese (Simplified) Language Pack for Visual Studio Code”扩展
4. 点击“Install”按钮进行安装
5. 安装完成后，点击弹出的 Reload 按钮，重启软件即可看到汉化后的界面。

如果您已安装该扩展但是界面还是英文的话，可以按下 Ctrl+Shift+P（Windows / Linux）或 Cmd+Shift+P（macOS），打开命令面板（Command
Palette），输入“Configure Display Language”，选择“Edit in settings.json”选项，将 "locale" 值改为 "zh-cn"，然后重启 Visual Studio Code。

Visual Studio Code设置

linked editing 帮我们自动更新我们的标签

Visual Studio Code插件安装

Vue Language Features (Volar) 是一款针对 Vue 3 开发的 Visual Studio Code 插件
Live Server 是一款实时的、自动刷新的服务器
Prettier 是代码格式化插件，它可以自动根据配置规则对代码进行格式化，让代码更加整洁、易读、易于维护。
JavaScript (ES6) code snippets 它可以为 JavaScript 开发人员提供丰富的代码段。

Vue Language Features (Volar) Live Server插件安装 Live Server插件使用 Prettier插件使用