vue.js环境配置步骤及npm run dev报错解决方案

vue.js环境配置步骤及npm run dev报错解决方案

安装

1.首先安装node.js及git，git不是必须，不过强烈建议。

2.通过npm安装vue.js。npm访问国外服务器，速度较慢，可通过淘宝npm镜像。
npm install vue //npm官方安装
npm install -g cnpm --registry=https://registry.taobao.org  //淘宝npm镜像安装
3.安装成功后，可以在git或者cmd里运行node -v  或者  npm -v 来测试版本号，出现则安装成功。

4.安装脚手架工具 npm -g install vue-cli  或者 淘宝镜像安装  cnpm -g -install vue-cli

至此，环境安装完成！

npm run dev 报错

安装完环境后，就要创建项目

使用 vue init webpack my-project 初始化文件

然后使用 cnpm install 安装依赖文件

安装完成后，使用npm run dev 运行，成功后，就可以在浏览器中看到vue的欢迎画面了

最后一步可能报错，我就遇到这样的问题了，如果你也遇到，可以从这几个方面去检查

1. cmd是否已管理员权限运行
2. npm版本是否足够高，升级使用  npm -g update npm@3.10.10
3. 8080端口是否被占用
4. 当前操作目录是否在项目根目录