关于 vue-cli 脚手架安装，以及对接项目做的工作， 项目复制使用的问题（后期持续更新）

vue的脚手架安装 vue cli

1、安装

前端开发框架和环境都是需要 Node.js ，先安装node.js开发环境，vue的运行是要依赖于node的npm的管理工具来实现，下载https://nodejs.org/en/，安装完成之后，打开cmd开始输入命令。（我用的是win10系统，所以需要管理员权限，右键点击以管理员身份运行cmd），不然会出现很多报错。

2、查看node的版本号

下载好node之后，以管理员身份打开cmd管理工具，，输入 node -v ，回车，查看node版本号，出现版本号则说明安装成功。（如果已经安装node可以检查一下是否安装成功，上面安装就可以省略了。）

输入命令： node -v

3、安装淘宝npm镜像

npm是国外滴，使用起来比较慢，我们这里使用淘宝的cnpm镜像来安装vue.
淘宝的cnpm命令管理工具可以代替默认的npm管理工具。
{顺便介绍一下淘宝的镜像，淘宝专门搞了个站点，定期从国外拷贝npm放到他们的站点上，大家可以用用用…}
安装：

输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

下面是关于淘宝镜像一些使用的（了解一些就行）
1.通过cnpm使用淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.将npm设置为淘宝镜像：

npm config set registry https://registry.npm.taobao.org

3. 查看cnpm镜像设置：

npm config get registry 

4.查看cnpm镜像设置：

cnpm config get registry 

4、安装全局vue-cli脚手架

淘宝镜像安装成功之后，我们就可以全局vue-cli脚手架，输入命令：cnpm install --global vue-cli 回车；验证是否安装成功，在命令输入vue，出来vue的信息，及说明安装成功

输入命令：cnpm install --global vue-cli 或者 npm install -g @vue/cli
          
（globa是全局安装的意思，可以用g代替就行 ） 

看到下图就可以高兴了

5.1、创建项目方法1

vue create 项目名称
例如：输入： vue create myapp
(myapp 是项目的名称)

5.1、创建项目方法2

输入命令：vue init webpack my-project-first

回车，my-project-first是我自己的文件夹的名字，是基于webpack的项目，输入之后就一直回车，直到出现是否要安装vue-route，

这个我们在项目要用到，所以就输入y 回车

6、注意

下面会出现是否需要js语法检测，这个我们暂时用不到，就可以直接输入no，后面的都可以直接输入no，都是我们暂时用不到的
上面的就是

创建完成之后的提示：

打开刚才安装的C盘查看一下，会发现多了一个刚刚创建的文件夹

7：进入项目文件夹

文件夹已经下载好了，现在就可以进入文件夹，输入： cd my-project-first 回车进入新建的项目。

输入命令：cd my-project-first  (进入当前的项目)

8：在项目里安装依赖

因为各个模板之间都是相互依赖的，所以现在我们要安装依赖，在项目里输入以下命令。

输入命令：cnpm install

9：运行

一切环境依赖安装准备就绪，我们来测试一下自己新建的vue项目的运行情况，输入命令：cnpm run dev直接回车。

输入命令：cnpm run dev

可能存在的问题
0.1、运行不起来看一下这个，然后再试一下

0.2、但是在最后一步的时候，有些人会遇到这样的报错：

不要着急，我也遇到过这样的情况，总结了一个非常完美的解决方案。
解决方案：
1：在项目里执行这样的命令

npm i prettier@~1.12.0

上面的就是项目创建过程了（具体项目还要安装啥还要根据具体情况而定）

二级项目的拷贝/对接工作可能遇到

项目需要拷贝到不同文件夹下，或者不同的电脑上（脚手架以全局安装过）。这个时候，就在拷贝项目目录下面运行cmd
例如：

在cmd中输入下面的代码：
1、npm install     （安装所需依赖）  或者使用  yarn install   (整个安装的速度相对要快一些)
2、npm run dev   （启动项目）

注意：运行npm run dev 时，项目里面的文件是修改过的。