网站开发（三）VSCode配置Vue环境

1、安装VsCode

进入官网 https://code.visualstudio.com/
下载成功后，点击安装，本软件为免费软件，安装完成后可直接双击开启软件。

安装成功后打开软件界面如下：

2、配置VSCode

2.1配置语言

点击商店，在搜索栏中输入Chinese，会搜索到很多插件，选择安装如图所示语言插件。完成后重启软件。

重启后，软件界面如下：

2.2安装扩展工具

常规使用的扩展工具有：vetur、Prettier - Code formatter和ESLint，如图：
在安装标签自动补齐插件Auto Close Tag和标签自动重命名插件Auto Rename Tag

3运行程序

选择文件->打开文件夹（选择VUE项目文件夹）

选择终端->运行程序

选择npm:dev

进行编译

编译完成后Ctrl+鼠标点击链接打开网站，如图：