首页天道酬勤vue怎么使用,yarn使用教程

vue怎么使用,yarn使用教程

张世龙 05-12 04:51 103次浏览

初始化项目

yarn add init

安装vue

yarn add vue

安装web包、web包- dev-server。 (小型Node.js Express服务器。 )

yarnaddwebpackwebpack-dev-server

安装babel。 babel的作用是将es6的语法编译为浏览器可识别的语法es5

yarnaddbabel-core babel-loader babel-preset-es 2015

用于分析vue的组件, vue后缀文件

yarnaddvue-loader vue-template-compiler

用于分析css

yarn add css-loader style-loader

扩展: css-loader和style-loader处理的任务不同。 使用css-loader,可以通过类似于@import和URL(…)的方法实现require ) )的功能。 样式加载器将所有计算后的样式添加到页面中。

用于文件和图像打包

yarn添加URL-loader file-loader

为了编译sass

yarn添加辅助加载器节点辅助

根安装

yarn添加vue-router

yarn自己升级yarn

yarn upgrade全局yarn

yarn的所有命令

yarn -h

yarn的版本号

yarn-V或yarn --version

vueconfig配置需要打包的,vue-cli-service serve