首页 > Web开发 > 网页技术 > 正文

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

互联网 2019-10-12 14:50:40 0

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

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

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


  • 相关标签:Vue
  • 版权归原作者所有,如果有侵犯到您的权益,请联系本站删除!
  • 相关文章


    专题推荐

    今日头条
  • 手机哪款好?8月值得买的手机就这四款 手机哪款好?8月值得买的手机就这四款
  • 七夕保命技能书送上 女朋友还有30秒到达战场 七夕保命技能书送上 女朋友还有30秒到达战场
  • 七夕保命技能书送上 女朋友还有30秒到达战场 七夕保命技能书送上 女朋友还有30秒到达战场
  • 七夕搞笑句子大全2019 七夕微信说说笑死人那种 七夕搞笑句子大全2019 七夕微信说说笑死人那种
  • 热门标签