---
title: "研发链路（工程化基础）"
date: 2018-12-29
lastmod: 2020-01-05
weight: 1
type: 
icon: #
description: "研发链路（工程化基础）"
# search related keywords
---

- 脚手架 (Scaffold)
  - CLI（command-line interface）
    - commander
    - inquirer
    - ora
    - chalk
    - emoji
  - 初始化（Boilerplate）
    - create-react-app
    - umi
    - vue-cli
- 包管理
  - NPM
  - Yarn
- 开发
  - dev-server
  - hot-reload
  - mock
  - proxy
- 构建
  - 构建器
    - gulp
    - Webpack
    - snowpack
    - vite
  - JS 编译
    - tsc
    - babel
    - esbuild
  - CSS 编译
    - Sass
    - Less
    - Stylus
    - PostCSS
- 代码规范
  - 业界流行规范
    - Airbnb Style Guide
    - StandardJS
    - Google Style Guide
    - 阿里巴巴前端规约
  - CSS 命名规范
    - BEM
    - OOCSS
    - SMACSS
  - 工具
    - ESLint
    - stylelint
    - commitlint
    - Prettier（代码格式化）
    - husky 和 lint-staged（流程控制）
    - F2ELint（阿里前端规约配套的Lint工具）
- 测试
  - 单元测试
    - jasmine
    - mocha
    - jest
    - enzyme
  - E2E 测试
    - Selenium
    - karma
    - cypress
    - Puppeteer
    - Appium
  - 覆盖率测试
    - istanbul
- CI/CD
  - TravisCI
  - CircleCI
  - Codecov
  - Jenkins