Vue 环境搭建（使用yarn代替npm）

一、安装node.js

1.进入官网下载

2.安装完成后，在安装目录下打开命令行工具（win+R）

推荐安装Git 更加方便
git bash打开

二、安装cnpm/yarn

方法1：访问外网比较慢，可以使用淘宝的镜像 https://npm.taobao.org/
执行命令

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

由于我安装cnpm总是失败 改用yarn

方法2：Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。
和npm类似，在使用yarn之前必须确认系统已经安装好node.js
使用yarn的介绍以及yarn的其他安装方法
1.可使用npm安装下载yarn，输入命令：

npm install -g yarn

2.yarn使用淘宝镜像：

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

3.查询版本号：yarn -v，显示版本号即成功

三、安装vue-cli脚手架

1. 使用yarn安装vue/cli 这是构建vue项目的工具
   -global为全局安装

yarn global add @vue/cli

2. 使用webpack打包工具

vue init webpack vue-demo

3. 完成之后，进入到创建的项目根目录下
   cd vue-demo
4. 安装依赖包

yarn

yarn是yarn install的简写，可直接输入yarn，功能和npm install一样

5. 最后运行项目

yarn run dev

6. http://localhost:8080/#/ 访问
   搭建成功！