yarn 安装vue

https://www.jianshu.com/p/02b12c600c7b 安装vue

1、安装 Yarn - 代替 npm 命令（官网下载）

下载链接：https://yarnpkg.com/en/docs/install#windows-stable

2、配置 Yarn 走 Taobao 源 ：

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

3、全局安装 vue-cli

yarn global add vue-cli

4、进入vue项目，进入到创建的项目根目录下

cd XXX

初始化项目

vue init webpack 项目名称

5、安装依赖包

yarn

yarn 是 yarn install 的简写，可直接敲击 yarn ，功能和 npm install 一样
6、最后运行项目

yarn run dev

此时，就在浏览器里看到项目页面了！

另外 yarn 还可以删除一个框架和添加一个框架，对于vue来说确实是特别好用的呢

初始化项目

yarn add init

安装vue

yarn add vue

安装webpack，webpack-dev-server（是一个小型的Node.js Express服务器）

yarn add webpack webpack-dev-server

安装babel，babel的作用是将es6的语法编译成浏览器认识的语法es5

yarn add babel babel-core babel-loader babel-preset-es2015

用来解析vue的组件，.vue后缀的文件

yarn add vue-loader vue-template-compiler

用来解析css

yarn add css-loader style-loader

拓展：css-loader 和 style-loader，二者处理的任务不同，css-loader使你能够使用类似@import 和 url(…)的方法实现 require()的功能,style-loader将所有的计算后的样式加入页面中，二者组合在一起使你能够把样式表嵌入webpack打包后的JS文件中。

用于打包文件和图片

yarn add url-loader file-loader

用于编译sass

yarn add sass-loader node-sass

安装路由

yarn add vue-router

yarn自己升级yarn

yarn upgrade global yarn

yarn的所有命令

yarn -h

yarn的版本号

yarn-V或者yarn --version