手把手教你如何安装使用webpack vue cli

Posted 2022-06-26 crushxz

1.安装node.js:https://nodejs.org/en/download/（看电脑的系统是多少位下载相应版本）

我下载的是Windows Installer(.msi) x64

2.打开cmd，查询npm -v看是否有版本号

3.输入指令：

1.npm install -g @vue/cli

2.npm install -g @vue/cli

这两种方式都是全局的（-g）

注意：如果觉得下载速度过于慢了（服务器在国外），可以使用淘宝镜像下载

在cmd中输入：

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

下载完毕之后，输入指令变为：(下载速度明显提升)

1.cnpm install -g @vue/cli

2.cnpm install -g @vue/cli

4.打开vue所在的文件夹，在地址栏中输入cmd打开

在cmd中输入：vue serve [文件名].vue

得到端口号，复制以后在浏览器中打开即可