手记

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

至此,环境安装完成!

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

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

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

14人推荐
随时随地看视频
慕课网APP