1、win+r 输入cmd 输入node -v 回车
输入npm -v 回车
输入vue -V 回车
<由于 npm 网站在国内速度非常慢,所以用了 淘宝的镜像 >
出现版本号即安装成功。如下图:
![](https://img.haomeiwen.com/i18086293/47740a439380e21a.png)
2、webpack 安装 (原文链接)
全局安装:npm install webpack webpack-cli -g
推荐在项目中安装:npm install webpack webpack-cli --save-dev
npm install webpack webpack-cli -D 以上两个命令是等同的
指定版本安装:npm install webpack@4.1.6 -D
查看项目中指定版本号:npm webpack -v
3、cnpm install-g vue-cli 如下图: //-g表示全局安装,vue-cli是模块
![](https://img.haomeiwen.com/i18086293/56ac0a84053d53c7.png)
4、创建一个基于"webpack"的项目,后面是项目名 :my-item;然后一路回车;如下图:
![](https://img.haomeiwen.com/i18086293/b03e56d010a6ad24.png)
5、进入my-item项目;如下图:
![](https://img.haomeiwen.com/i18086293/7e22bab3d1086c9e.png)
6、在项目里面安装 cnpm install ;
7、运行测试 cnpm run dev;如图五
![](https://img.haomeiwen.com/i18086293/daa401fb3d110aa7.png)
8、出现下图样 表示成功;一般流览器会自动跳转出界面http://localhost:8080/,也可以手动打开浏览器器输 入地址。
![](https://img.haomeiwen.com/i18086293/16b45527fa230f4e.png)
![](https://img.haomeiwen.com/i18086293/dabb03956e7bbe89.png)
网友评论