zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    html常用标签_new
    Nginx缓存
    购物车
    css的属性选择
    前端基础之css
    htm基础知识
    TypeScript(1)为什么需要TypeScript
    Electron
    Ant Design
    Umi
  • 原文地址:https://www.cnblogs.com/colder/p/10101828.html
Copyright © 2011-2022 走看看