webstorm创建vue项目

下载安装node.js以及webstorm，其中webstorm需要破解，可以自行查找破解方法。

测试node.js安装是否成功的命令是：

node -v 

npm -v

成功会显示相应的版本号。

 

安装淘宝镜像（类似于阿里云的maven中央仓库镜像）

安装命令：

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

验证命令：

cnpm -v

 

安装webpack

利用npm安装webpack 命令行语句为：

npm install webpack -g

验证命令：

webpack -v

 

全局安装vue-cli。

安装命令：

npm install --global vue-cli

验证命令:

vue -V (V要大写)

 

接下来就是在webstorm中创建vue项目，项目名称和存储位置都可以选择，其他的使用默认的，一路next即可。

可以通过右键目录结构中的package.json——show npm scripts——start运行项目，成功运行下方的输出窗口会出现一个地址。

如果刚创建项目，就弹出提示窗，是否npm install ，点击后出现err ：Unexpected end of JSON input while parsing near ...

那么我们需要关闭webstorm甚至重启电脑，然后打开命令提示符，切换到新建的vue项目的根目录，