1.首先安装Node.js
官网:https://nodejs.org/zh-cn/
1)根据自己电脑型号下载好,我这里是win10,下载了这个型号的。
![](https://img.haomeiwen.com/i12983127/3cb1171e61e55f5d.png)
2)点击安装,一步下一步最后完成,安装很简单。
3)打开控制命令行程序(CMD),检查是否正常,如果显示了例如:如下的版本则说明没有问题
![](https://img.haomeiwen.com/i12983127/725dc64928ad4683.png)
2.使用淘宝NPM 镜像
大家都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就可以使用cnpm 命令来安装模块了:
3.项目初始化
1.第一步:在命令提示符中输入如下,安装vue-cli,
cnpm install vue-cli -g //全局安装 vue-cli
2.打开pycharm,具体安装步骤如下图所示
![](https://img.haomeiwen.com/i12983127/9cd52539ea0adf70.png)
![](https://img.haomeiwen.com/i12983127/e3f2188888662cdf.png)
(假如此时没有发现Vue.js)解决办法请看
等待加载完毕
![](https://img.haomeiwen.com/i12983127/9ccb5679ec27f610.png)
点击next
![](https://img.haomeiwen.com/i12983127/4775d78133dd912c.png)
![](https://img.haomeiwen.com/i12983127/a1577c441d77b321.png)
![](https://img.haomeiwen.com/i12983127/ab2fe51e7d9d448c.png)
![](https://img.haomeiwen.com/i12983127/7b5e6a0f89915313.png)
![](https://img.haomeiwen.com/i12983127/bc62b1de7606857c.png)
![](https://img.haomeiwen.com/i12983127/6964ebccdb8188a9.png)
![](https://img.haomeiwen.com/i12983127/cb6caf9411f5679d.png)
![](https://img.haomeiwen.com/i12983127/9d2b0f2cdf4e1462.png)
![](https://img.haomeiwen.com/i12983127/2de86eb689709395.png)
![](https://img.haomeiwen.com/i12983127/6dbe85b3dbac2f08.png)
点击ok
![](https://img.haomeiwen.com/i12983127/c396c46e0c0697b2.png)
在新界面中点击Terminal
![](https://img.haomeiwen.com/i12983127/8e54075668602759.png)
在其中输入 cnpm install 回车等待安装
![](https://img.haomeiwen.com/i12983127/c211803e7174108a.png)
安装结束后(可能会卡住,可以关闭后重启,没有影响) 然后再继续输入 cnpm start 或者 cnpm run dev 然后弹出网址在浏览器中输入即可。
![](https://img.haomeiwen.com/i12983127/3ff298b5eabb000c.png)
进度完成后
![](https://img.haomeiwen.com/i12983127/6635bdbcf6603bc6.png)
在浏览器中输入网址,即可成功显示
![](https://img.haomeiwen.com/i12983127/cb4521c9fb2b9f8c.png)
网友评论