脚手架(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、WebDriver、ChromeDriver、UIRecord、PhantomJS

覆盖率测试

istanbul

CI/CD

TravisCI、CircleCI、Codecov、Jenkins