VSCode 安装教程（超详细）

---

VSCode 安装使用教程（图文版）

工欲善其事，必先利其器
对于我们每一位软件工程师来说，都要有自己顺手的 IDE 开发工具，它就是我们的武器。
一个好用的 IDE 不仅能提升我们的开发效率，还能让我们保持愉悦的心情，这样才是非常 Nice 的状态

那么，什么是 IDE 呢 ？

what

• IDE（Integrated Development Environment，集成开发环境）是含代码编辑器、关键词高亮、智能感应、智能纠错、格式美化、版本管理等功能于一身的 “高级代码编辑器”
• 每个 IT 工程师都要有自己顺手的 IDE，它是我们的武器
• 要理解无论使用什么 IDE 编写出来的代码，本质上都是 “白底黑字” 的，都是 “纯文字” 的

目前，前端开发主流的 IDE 有以下 5 个

IDE 名称	公司	是否免费	功能性强大
Visual Studio Code	微软	是	强大（推荐）
Sublime	个人开发者	是（需要注册）	适中
Atom	GitHub	是	适中
WebStorm	JetBrains	否	非常强大
HBuilder	DCloud	是	非常强大

为什么现在不用 Dreamweaver

• Dreamweaver 是曾经网页制作的王牌 IDE，推崇 “所见即所得” ，用拖拽控件的方式进行网页开发
• 但近几年，前端开发技术，形式已经发生了根本性的变化，Dreamweaver 现在不是前端工程师的主流选择了

下边我们开始玩转 VSCode

正式开始

• Visual Studio Code 简称 VSCode ，2015 年由微软公司发布。

• 可用于 Windows，macOS 和 Linux。它具有对 JavaScript，TypeScript 和 Node.js 的内置支持，并具有丰富的其他语言（例如 C++，C＃，Java，Python，PHP，Go）

• 优点：内置功能非常丰富、插件全且安装简单、轻量、有 MAC 版本

VSCode 下载、安装

官网下载

• 在官方网站：https://code.visualstudio.com/
• 下载最新版本的 VSCode 即可

提示：蓝色按钮会自动识别电脑操作系统，到适合的版本，只需要点击下载即可

Window 版 VScode 安装流程

1、下载 Vscode 安装文件

提示：点击上面的下载之后，它会跳转至一个新页面

2、下载完成单击运行，然后我们开始进行安装

3、选择安装的位置

4、选择开始菜单文件夹

5、选择附加任务

提示

• 将以下四项都勾选上，桌面快捷方式需要就添加即可
• 添加到 PATH：添加到系统环境变量中，勾选后，即可在命令行中使用 code . 即可打开 Vscode