新建 vue项目时报错,没法成功搭建项目

以前电脑已经安装 Node环境和 vue-cli脚手架,可是过段时间没有使用,而后如今用 vue-cli 搭建项目的时候,启动服务器的时候报错,没法启动成功,摸索半天,发现是由于 Node和vue-cli 的版本太低,都须要更新,更新事后成功启动......html

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

一. vue-cli更新

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

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

  2. 从新下载:npm install vue-cli -gwebpack

二. Node 的更新

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

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

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

  

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

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

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

    npm install vue-cli -gspa

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

    vue init webpack <project-name>

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

    cd <project-name>

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

    npm install

  5. 运行启动项目:

    npm run dev

 

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

相关文章
相关标签/搜索