美文网首页
vue.js环境配置步骤及npm run dev报错解决方案

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

作者: 至尊宝_bffc | 来源:发表于2017-10-19 15:02 被阅读0次

vue开发环境搭建:

安装

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

2.通过npm安装vue.js。npm访问国外服务器,速度较慢,可通过淘宝npm镜像。

npm install vue //npm官方安装

npm install -g cnpm --registry=https://registry.npm.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的欢迎画面了

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

cmd是否已管理员权限运行

npm版本是否足够高,升级使用npm -g update npm@3.10.10

8080端口是否被占用

当前操作目录是否在项目根目录

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

PS:一个详细的vue安装教程http://blog.csdn.net/u013182762/article/details/53021374

相关文章

网友评论

      本文标题:vue.js环境配置步骤及npm run dev报错解决方案

      本文链接:https://www.haomeiwen.com/subject/ukwuuxtx.html