手动创建Vue.js

npm install -g vue-cli
vue init webpack + 名称
npm install 安装npm
npm run dev #启动

一、安装Node.js

1）nodejs下载https://nodejs.org/zh-cn/（默认安装）在下载中可选自己的机型

image.png

2）点击安装，一步下一步最后完成，安装很简单。
3）打开控制命令行程序（CMD）,检查是否正常，如果显示了例如：如下的版本则说明没有问题

image.png

2.使用淘宝Npm镜像

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

这样就可以使用cnpm 命令来安装模块了

3.项目安装初始化

1.第一步：
安装vue-cli(全局安装)

cnpm install vue-cli -g

2.打开pycharm，具体安装步骤如下图所示

image image

（假如此时没有发现Vue.js）解决办法请看

pycharm中新建Vue项目时没有Vue.js的解决办法

等待加载完毕

image image.png

创建时还是报错：
Error: Can not install ‘ij-rpc-client': npm ERR! Unexpected end of JSON input…
解决：cmd下全局安装 ij-rpc-client包：npm install ij-rpc-client -g
（重启一下webstorm）然后创建，输入项目名称，一步步配置就ok了

点击next

image image image image image image image image image image

点击ok

image

在新界面中点击Terminal

image

在其中输入 cnpm install 回车等待安装

image

安装结束后（可能会卡住，可以关闭后重启，没有影响） 然后再继续输入 cnpm start 或者 cnpm run dev 然后弹出网址在浏览器中输入即可。

image

进度完成后

image

在浏览器中输入网址，即可成功显示

image

---