yarn 常用命令(基于vue框架)

Posted 2020-10-14 二婷啵

初始化项目

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