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

其实安装教程在vue的官网上面都可以查到，网络上面也有很多详细的教程了，我写这篇文章，主要记录自己遇到的一些问题，以方便后来者参考。

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

至此，环境安装完成！

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

使用 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. 当前操作目录是否在项目根目录

经过这些检查应该可以解决所有问题了，愉快的开始vue之旅吧！

朱宝祥原创 博客首发http://qitiancom.com/archives/1752