vue npm/cnpm install或者npm run dev 报错解决思路之一

本篇主要讲述在使用vue开发中npm/cnpm install或者npm run dev 报错解决思路之一。
今天来了个新人，npm install的时候报错了，cnpm install的时候也报错了，好不容易两者都没错，npm run dev启动的时候又报错了。后来了解才知道，他没有正确按照官网所给的步骤安装好。

---

一、类型一：初始化安装，无任何附加代码

$ npm install --global vue-cli
# 输入 vue 检测是否安装成功

$ vue init webpack
# 一直按回车, 中间的停顿输入 即是 title 的值

$ npm run dev

---

二、类型二：在已有的代码基础上，安装依赖包，运行开发中或者开发完的项目

正常操作

$ npm install

#$ 更改端口号（如果端口号被占用，是无法启动的。如果启动不成功，再改也行吧。）

$ npm run dev

异常操作：

当在更改端口号之后，若仍无法成功启动，那可以尝试如下的解决方案：

（1）官网安装步骤（基于node）

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

---

（2）正确理解

方案一：

1. 首先需要全局安装vue-cli npm install --global vue-cli 。执行成功之后可输入 vue 查看是否安装成功。
2. 从SVN或者其他的版本库中更新你的项目代码
3. win直接在你代码的文件夹，右键启动cmd,(Mac启动终端)，执行命令vue init webpack 一直按回车安装。其中，中间的停顿输入 即是 title 的值。
4. 安装插件 npm install / cnpm install
5. npm/cnpm run dev启动
6. 如果启动成功，那就是ok了，但是目前所启动成功的只是vue init 自带的项目，这个时候，需要你把 除了 .svn+node_modules 文件夹外的 所有文件/夹 都删掉。
7. 最后更新你的代码，再次npm/cnpm run dev 启动即可。

方案二：

即按照类型一做法，再更新你的代码，再启动，如报错，只需再一次 npm install 亦可。

---

提醒

成功执行 npm install --global vue-cli 很重要。如果MAC安装vue-cli报错，可参考文章：Mac npm install -g vue-cli 报错解决（点击这里即可访问）

---

最后，这只是一个解决思路之一。