vue-cli 遇到的问题总结

vue-cli 遇到的问题总结：
创建一个vue脚手架项目：
1、 安装node.js 官网：https://nodejs.org/en/download/
检查是否安装好： node -v / npm -v 如果能输出对应版本号即为成功！

2、 安装好node.js 后 就需要安装 vue-cli骨架，
CLI（command line interfaces）命令行接口
在进行vue项目开发的时候，可以选择不同的vue模板(这里应该叫骨架)进行项目的搭建，比如simple、webpack、webpack-simple等等。
vue-cli 是官方提供的一个脚手架(预先定好一号的目录结构以及基础代码，我们在创建项目的时候可以选择一个骨架项目，这个股价项目就是脚手架)，总而言之这就是用来快速生成一个vue的项目模板。

3、 在node.js的cmd组件下安装vue-cli，这里可以全局安装也可以在项目文件下安装
npm install --global vue-cli ====> 这样安装的是vue-cli 2.9.6 的版本
npm install --global @vue/cli ====> 这样安装的就是 vue-cli 的最新版本 ===> --global就是全局安装的意思，可以缩写成-g 效果是一样的 最新版本和你的目标版本在创建项目的时候可能有点区别，建议可以使用项目局部安装
如果有需要的vue-cli目标版本，需要卸载本来的vue-cli的话，使用：
npm uninstall -g vue-cli(或者是@vue/cli) 这样就能将全局脚手架进行删除
如果是在某个项目内进行局部安装的话 就直接输入 npm install vue-cli 即可

	PS 出现错误了不要着急，一点点做将错误改正

3.1 最容易出现的 TIMEOUT 的报错：
    这是因为npm的下载源默认在国外网站，所以在进行下载的时候经常会出现超时的现象，所以我们需要做的是将下载源改为国内的淘宝源进行下载就可以了，改源之后下载的方式就是cnpm install 了 这一点要注意。
    下面我们进行cnpm的设置：
    npm install cnpm -g --registry=https://registry.npm.taobao.org
    这是下载 cnpm ，然后可以使用 cnpm -v 来测试是否成功安装

3.2 TIMEOUT的报错解决方案2：
	npm的默认地址是https://registry.npmjs.org/
	可以使用npm config get registry查看npm的仓库地址
	可以使用npm config set registry https://registry.npm.taobao.org来改变默认下载地址，达到可以不安装cnpm就能采用淘宝镜像的目的，然后使用上面的get命令查看是否成功。

4、 -g -S -D
-g：全局安装。 将会安装在C：\ Users \ Administrator \ AppData \ Roaming \ npm，并且写入系统环境变量；非全局安装：将会安装在当前定位目录;全局安装可以通过命令行任何地方调用它，本地安装将安装在定位目录的node_modules文件夹下，通过要求调用;

-S：即npm install module_name --save,写入package.json的dependencies ,dependencies 是需要发布到生产环境的，比如jq，vue全家桶，ele-ui等ui框架这些项目运行时必须使用到的插件就需要放到dependencies

-D：即npm install module_name --save-dev,写入package.json的devDependencies ,devDependencies 里面的插件只用于开发环境，不用于生产环境。比如一些babel编译功能的插件、webpack打包插件就是开发时候的需要，真正程序打包跑起来并不需要的一些插件。

5、 经历完上面的准备工作，就可进行vue-cli项目的创建了
这里首先介绍第一种项目创建方式： 使用webpack模板
A、 vue init webpack my-project(这里是项目名)

B、 上面这里是各项配置的选择
C、 创建项目的时候卡住了，解决方案：
安装时在最后一个选项上选择了 npm install ，结果后面卡住了（当时没有去截图），强制退出后，执行npm run dev就报错了。

最终解决办法就是在最后一个选项上选择No,I can handle it myselft，然后cd my-project，然后cnpm install，这样就成功了。然后再执行 npm run dev 就可以将项目环境创建好了。

Webpack的项目是使用npm run dev 的方式来进行运行的，具体的操作参数请去查看package.json 文件里面的配置

6、 创建vue-cli 项目方法2：vue create my-project
A、 输入vue create my-project
出现如下选择：

这里就是给你选择创建vue3 还是 vue2 的项目的，根据需要选择就行了
B、 So sad 又出错了

又是TIMEOUT 这一下要如何解决这个情况呢？
C、 这个时候需要找到vue的配置文件了，位置在：
C:\Users\admin 下面的 .vuerc 里面，

找到这个配置项，如果本来是false 就改成 true ，如果本来是true就将它改成false ，重新运行，就完成了项目的创建了

Ok 依次执行 cd 命令 和 run serve命令就可以看到我们初始化的vue项目了！