npm安装vue_vue搭建脚手架的方式

基于window系统整理的vue脚手架npm、yarn安装方法，记得网络一定要好

先说npm的安装方法

先在需要创建项目的文件夹下打开终端，如果没有node可以先去官网下载，然后一路next，就OK，记得看清楚电脑操作系统是64还是32！！！

1、输入node-v查看node版本，我的是12.14.0

2、输入npm-v查看npm版本，我的是6.13.4（如果想升级最新版本 npm install -g npm）

3、下载淘宝镜像这个是国内的比npm要快！

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

从这开始就是安装vue的正题了，但是前三步缺一不可！就不一一截图了，太麻烦

4、cnpm install vue-cli -g 全局安装vue-cli

5、vue list 查看vue是否安装成功，成功会出来六个五角星

6、vue init webpack 项目名称

图上画红框的一定要选择no，要不项目开始，会报错奔溃的，黄框的看你选择了。

7、回车选择yes,use NPM,全部成功就会如下图红框里边cd 项目名称 然后 npm run dev

如下图所示就代表成功了，可以开始愉快的编程旅程了。

下边开始写yarn的安装方法

先在需要创建项目的文件夹下打开终端，如果没有node可以先去官网下载，然后一路next，就OK，记得看清楚电脑操作系统是64还是32！！！

1、输入node-v查看node版本，我的是12.14.0

2、输入npm-v查看npm版本，我的是6.13.4（如果想升级最新版本 npm install -g npm）

3、下载淘宝镜像这个是国内的比npm要快！

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

从这开始就是安装vue的正题了，但是前三步缺一不可！就不一一截图了，太麻烦

4、cnpm install vue-cli -g 全局安装vue-cli

5、vue list 查看vue是否安装成功，成功会出来六个五角星

6、vue init webpack 项目名称

7、cd 项目名称如下图所示：

8、如上图所示：yarn install 或者简写yarn 下载依赖

9、yarn run dev 运行项目显示下图：

好了运行项目以后如图四所示，代表vue脚手架创建完成，是不是很简单啊！