为了账号安全,请及时绑定邮箱和手机立即绑定

【金秋打卡】第16天 Web前端架构师2022版

标签:
Html5

课程章节: 第9周 项目整体搭建

主讲老师:张轩

课程内容:

今天学习的内容包括:

2-1 大话前端工具
2-2 使用 Imooc CLI 创建项目

课程收获:

前端的飞速发展:带来了更复杂的项目。
项目的常见需求 - 依赖管理,预编译,构建打包,压缩合并等。
随着项目越来越复杂 - 诞生了前端工程化
随着工程化的产生 - 产生了对应的前端工具

静态类型语言

动态语言的弊端

  • typescript
  • flow

代码风格检查 Linter

多人协作的弊端,风格各异,维护和扩展的困难

  • eslint

包管理器

npm
yarn - 兼容 npm registry

转译器 Traspiler

非 JS 或 不同版本的 JS 翻译成 符合平台要求的等价代码

  • Babel
  • 开发服务器
  • live reload
  • HMR

打包工具 Bundler

将源代码转换成符合生产环境的代码

  • Webpack - Loader, Plugin,大而全的功能
  • Rollup - 专注于打包 输出多种格式
  • Parcel - 零配置

任务管理工具 Task Runner

自动执行项目所需的重复任务

  • CSS 预处理
  • 优化图片
  • 合并 压缩 Javascript
  • 文件处理(拷贝,删除)
  • 监听文件变化
  • Gulp - 流式管道写法组合多个任务
  • Webpack - 通过插件的方式
  • npm scripts 或者 Shell 脚本

脚手架 Scaffolding tools

将工具链聚合在一个工具内 简单,快速,零配置

  • Vue - Vue CLI,Vite, Imooc CLI
  • React - create-react-app
  • Angular - Angular CLI

图片描述

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
9
获赞与收藏
1

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消