VSCODE安装及设置

1、VScode简介

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。

2、VScode安装

官方网址下载：Visual Studio Code - Code Editing. Redefined

这里下载的是VSCodeUserSetup-x64-1.77.3.exe

安装步骤：

双击安装文件【VSCodeUserSetup-x64-1.77.3.exe】，然后点击【运行】

 弹出框提示，点击【确定】

勾选【我同意此协议】，然后点击【下一步】

可选择安装目录，然后点击【下一步】

点击【下一步】

点击【下一步】

点击【安装】，等待安装完成

点击【完成】

3、安装插件

为方便后续开发，建议安装如下插件：

1）安装简体中文

2）安装Live Server

3）安装Vetur

4）安装vue-helper

4、创建项目

vscode本身没有新建项目的选项，所以要先创建一个空的文件夹，如project_xxxx。然后打开vscode，再在vscode里面选择 File -> Open Folder 打开文件夹，这样才可以创建项目。

比如：我在d盘创建vscode目录，使用vscode打开后如下：

5、保存工作区

打开文件夹后，选择“文件 -> 将工作区另存为...”，为工作区文件起一个名字，存储在刚才的文件夹下即可保存工作区：

6、新建文件

7、测试

在刚刚安装的Live Server里运行：

 运行结果：