webstorm开发vue项目环境配置

1、首先安装nodejs,官网下载nodejs安装包,默认安装NPM包管理器(国内使用npm需要FQ,也可以使用淘宝的镜像:npm install -g cnpm –registry=https://registry.npm.taobao.org)注:可修改node全局目录(nodejs正确安装及配置及npm命令无反应的解决方案);

2、全局安装 vue-cli :npm install vue-cli -g

3、全局安装 webpack: npm install webpack -g

4、创建时还是报错:

Error: Can not install ‘ij-rpc-client': npm ERR! Unexpected end of JSON input…

5、解决:cmd下全局安装 ij-rpc-client包:npm install ij-rpc-client -g

6、然后创建,输入项目名称,一步步配置就ok了

7、webstorm打开此项目,安装依赖文件,执行: npm install

8、开发模式运行:npm run dev,生成一个地址可以直接访问

9、生产模式编译打包:npm run build,生成dist目录(配置nginx或Apache代理及本地域名即可访问)

你可能感兴趣的:(vue.js,webstorm,npm,前端,javascript)