Visual Studio Code编程工具及插件安装-前端开发工具

Visual Studio Code（简称“VS Code” ）是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器， 可在桌面上运行，并且可用于Windows，macOS和Linux。它具有对JavaScript，TypeScript和Node.js的内置支持，并具有丰富的其他语言（例如C++，C＃，Java，Python，PHP，Go）和运行时（例如.NET和Unity）扩展的生态系统。

安装步骤：

一、node.js

官网下载地址：https://nodejs.org/zh-cn

打开cmd，在命令行(以管理员身份运行)中执行以下代码：

npm install cnpm -g
//或使用以下语句解决npm下载慢的问题

npm install --registry=https://registry.npm.taobao.org

检查运行是否成功

在装好npm后，系统自动安装node.js 

安装vue框架

npm install -g @vue/cli
#判断是否安装成功
vue --version

二、创建项目

进入项目地址所在的文件夹（D:\mydb\）

创建yeb项目

vue create yeb

#报错信息 

继续安装，选择vue框架的版本为Manually，然后选择要安装的vue插件，空格键表示选中，再按空格键取消选中，其中*表示选中 

问到Save this as a preset for future projects时，输入y

命令行自动安装vue项目所用的插件

如下图，安装完成 

输入命令

//进入项目 
cd yeb
//启动服务
npm run serve

服务启动完毕

进入网页，输入http://localhost:8080，当显示效果（如下图）时，项目创建成功