前端工程化工具初选

自用笔记:本文属于自用笔记,不做详解,仅供参考。

  面对日益纷杂的前端工具,作为新人常感无从下手。经过一番检索和简单对比,再结合自己的喜好,筛选了将要学习和使用的工具,以适应日益工程化、专业化的 Web 前端开发工作。

Library & Framework | 库与框架

  • jQuery
  • jQuery UI: A curated set of user interface interactions, effects, widgets, and themes
  • Vue.js: 数据驱动的组件,为现代化的 Web 界面而生
  • React.js: A JavaScript library for building user interfaces
  • React Native: A framework for building native apps using React

The Build System | 构建工具

The Build System is used to build, preview and test your project.

  • gulp.js: Automate and enhance your workflow

The Module Bundler | 模块打包器

Packs many modules into a few bundled assets.

  • webpack: Take modules with dependencies and generate static assets representing those modules

The Package Manager | 包管理

The Package Manager is used for dependency management, so that you no longer have to manually download and manage your scripts.

  • npm: Node Package Manager.

CSS Extension | CSS 处理

Provide an efficient, dynamic, and expressive way to generate CSS.

  • Stylus: Expressive, robust, feature-rich CSS language built for nodejs
  • PostCSS: Transforming styles with JS plugins

JavaScript Module | JavaScript 模块化

JavaScript Template | JavaScript 模板引擎

Generate HTML markup with plain JavaScript.

Test Framework | 测试框架

  • Mocha: a simple, flexible, fun JavaScript test framework for node.js and the browser
  • Chai: a BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework

The scaffolding tool | 手脚架

Scaffolds out a new application, writing your build configuration and pulling in relevant build tasks and package manager dependencies that you might need for your build.

集成方案

  • FIS: 解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题

Container | 容器

  • Docker: Build, Ship, and Run Any App, Anywhere
文章目录
  1. 1. Library & Framework | 库与框架
  2. 2. The Build System | 构建工具
  3. 3. The Module Bundler | 模块打包器
  4. 4. The Package Manager | 包管理
  5. 5. CSS Extension | CSS 处理
  6. 6. JavaScript Module | JavaScript 模块化
  7. 7. JavaScript Template | JavaScript 模板引擎
  8. 8. Test Framework | 测试框架
  9. 9. The scaffolding tool | 手脚架
  10. 10. 集成方案
  11. 11. Container | 容器
|