VUE的cli和webpack

本文介绍了Vue CLI的使用,包括创建项目、配置选项,并详细解析了CLI2与CLI3的区别。此外,还深入探讨了Webpack作为前端工程化工具的重要角色,讲解了其历史版本和主要特性,以及不同开发环境的配置与应用。
摘要由CSDN通过智能技术生成

cli

1.vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目
,底层使用的是webpack
2.目前cli有cli2和cli3两个版本
3.npm/cnpm.yarn都可以安装: $ yarn add @vue/cli global` 这个是cli3的版本
A.命令创建 $vue create project
B.图形界面创建

4… please pick a preset( user arrow keys ) 使用键盘上下键来选择一个配置

  1. default 默认配置

  2. Manually select features 手动选择配置

    配置指的是配置webpack

    babel 优雅降级 es6 —> es5

    eslint js语法检测

    CSS Pre-processors css 预处理语言 less sass/scss stylus

    Linter / Formatter eslint / jslint

    Unit Testing 单元测试

    E2E Testing 端到端的测试

    In dedicated config files 将所选的每一个选项用一个文件来保存( 配置 )

PWA (web app ) 在浏览器中使用的app

Save this as a preset for future projects? 将上面所选的配置保存下来,以备将来的项目使用

cli3 使用的包管理器器建议 是 yarn

1.图片的使用

public目录		不会被编译
assets目录		会被webpack编译	【<4k的图片会被		转变成base64】
</
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值