之前电脑已经安装 Node环境和 vue-cli脚手架,但是过段时间没有使用,然后现在用 vue-cli 搭建项目的时候,启动服务器的时候报错,无法启动成功,摸索半天,发现是因为 Node和vue-cli 的版本过低,都需要更新,更新过后成功启动......

以下是 Node 和 vue-cli 更新的总结:

一. vue-cli更新

  在百度了好久,也试了好多方法,没用,最后使用以下方法实现 vue-cli 更新:

  1. 先全局卸载vue-cli: npm uninstall vue-cli -g

  2. 重新下载:npm install vue-cli -g

二. Node 的更新

  我使用的是Node版本管理工具(nvm)进行 Node版本的切换,在使用 vue-cli 搭建 vue 项目前,先把 Node版本切换到最新版,

  然后再:  vue init webpack <project-name>  来初始化项目;

  在切换 Node版本的时候发现了自己给自己挖了一个坑,就是在安装 nvm 的时候不是全局安装,所以必须跑到之前安装 nvm 的路径下,才能使用 nvm 进行 Node 版本的切换。

  

webpack + vue-cli 搭建 vue 项目的流程

  保证先安装 Node 环境,然后使用下载Node时自带的 npm (node 的包管理工具) 下载各种依赖,比如:vue-cli,安装 vue-cli后才能使用 vue 命令来初始化项目

  1. 全局安装vue的脚手架:vue-cli

    npm install vue-cli -g

  2. 使用初始化 vue 项目: (使用 webpack模板搭建项目)

    vue init webpack <project-name>

  3. 进入刚刚新建的项目文件:

    cd <project-name>

  4. 安装vue项目所需要的依赖

    npm install

  5. 运行启动项目:

    npm run dev

Node版本管理工具(nvm)的安装可以参考:Nvm安装,有点小复杂,而且还没有全局安装,看看就行,解决方案出来再进行修改,如果大神有好的解决方案请告之,菜鸟自摸实在是太心酸了,一个问题能搞一下午.....,纯属浪费时间

最新文章

  1. [poj2492]A Bug&#39;s Life(并查集+补集)
  2. Swift3.0P1 语法指南——基本操作符
  3. springMVC配置文件位置及名称
  4. GDI+系列
  5. 自定义对话框 提示:Unable to add window token null is not for an application
  6. Axis2与Web项目整合
  7. Project Management - 1) Schedule Your Project
  8. Android_listView_BaseAdapter
  9. [FJSC2014]化合物
  10. OpenGL ES 2.0 向量
  11. 关于Struts2的类型转换详解
  12. javaWEB总结(6):ServletRequest
  13. 浏览器与WEB服务器交互
  14. face recognition[variations of softmax][L-Softmax]
  15. 【Linux】磁盘读写 测试
  16. oracle数据恢复方法
  17. 在ASP.Net环境中,当用户点击报表中的超链接时如何调用Java Script方法?
  18. 7.Git与项目
  19. at91 看门狗
  20. 工业通信的开源项目 HslCommunication 介绍

热门文章

  1. html5--js函数在canvas中的应用
  2. EF include 预先加载
  3. 08_传智播客iOS视频教程_Foundation框架
  4. Pascal之while
  5. J20170521-ts
  6. maven配置文件注意事项
  7. POJ2800:Joseph&#39;s Problem(等差数列)
  8. Java SE 开篇
  9. iOS 集成React Native到现有iOS应用(Ficow本人实测,Xcode 8.3,iOS 10.3)
  10. 字体使用sp、dp的区别