2021-04-15 最新visual studio code 正确配置vue开发环境

网上的那些怎么安装vue环境的2.x就不要再看了，都过时了，现在去官网下载，按照他们的设置各种问题。接下来看下最新的安装方法。本人亲测可以，最新的vue安装教程。

参考网站：

https://cloud.tencent.com/developer/article/1687168

https://cloud.tencent.com/developer/article/1649048

https://cloud.tencent.com/developer/article/1687168

 

step1：

 

1、下载并安装vscode

 

step2：

2、下载并安装node.js（一直next即可）

2.1 下载

 

 

2.2

 

 

2.3

 

 

2.4

 

 

 

2.5

 

 

2.6

 

2.7

 

 

2.8

 

 

2.9

 

 

 

2.10 检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"，输出如下结果：

 

 

 

2.11 检查node 和npm版本 

 

node -v

npm -v

 

 

 

 

step3：安装cnpm

 

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

 

 

 

 

step4：进入cnpm安装目录，并且查看版本

 

 

 

step5：进入环境变量，把npm路径添加进去

 

 

 

step6：添加path

 

 

 

step7：下载vue/cli，必须在cnpm安装目录执行

cnpm install -g @vue/cli

 

 

 

 

step8：执行命令并创建新项目

 

 

 

step9：npm run serve 运行成功

 

 

 

 

end