Question

表格 前端常用工具 1

工具	简介	安装	使用
node.js	建立在谷歌 Chrome 的 JavaScript 引擎(V8 引擎) 的 Web 应用程序框架。	nvm install 5.1.0 或者 apt-get install nodejs	node -v
npm/ cnpm	NPM 是随同 NodeJS 一起安装的包管理工具，能解决 NodeJS 代码部署上的很多问题。用来安装 npm 包。cnpm 为中国区。	npm install -g cnpm --registry=https://registry.npm.taobao.org	npm -v npm install [xxx]
nvm	node.js 的包管理工具。	curl -o https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash	nvm --version nvm install [version]
yarn	替代 npm。为了弥补 npm 的一些缺陷而出现的。	npm install -g yarn
webpack	模块打包工具。2012.3 诞生。	npm install webpack@xx -g
babel	Babel 是一个 JavaScript 编译器，是一个工具链。主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。（ES 转译）
Gulp	2012.3 诞生。基于 Node.js 的项目、流(stream) 的自动化构建工具。 Grunt 采用配置文件的方式执行任务，而 Gulp 一切都通过代码实现。	npm install gulp -g	gulp [js_pipe] gulp deploy
Grunt	2012.6 诞生。Grunt 是基于 Node.js 的项目构建工具。它可以自动运行你所设定的任务。Grunt 拥有数量庞大的插件。	npm install -g grunt-cli
bower	npm 包，前端管理工具，专门用来管理 WEB 前端依赖包（JS/CSS/IMAGES/fonts）	npm install bowerbower init 初始化生成 bower.json	bower install xx
n	用来管理 nodejs 版本。查看 nodejs 版本：n lsr	npm install -g n	安装指定版本：n xx
npx	npm5.2+版本新增。npx 想要解决的主要问题，就是调用项目内部安装的模块。运行的时候，会到 node_modules/.bin 路径和环境变量 $PATH 里面，检查命令是否存在。
lerna	Lerna 是一种工具，针对使用 git 和 npm 管理多软件包代码仓库的工作流程进行优化
Yeoman	脚手架	npm install -g yo

备注：cnpm 类似 npm，只是源在中国。

表格 前端常用工具 2

工具名	用途	备注
PostCSS	CSS 预编译器。支持未来 CSS 语法、模块化、代码检测等。
LESS/ SASS	CSS 预编译语法转换。
CommonJS	面向浏览器以外的 JavaScript 模块化规范。原名 ServeJS，2019 年改现名，被 Nodejs 采纳为默认的模块化规范。	弃
AMD/CMD	CommonJS 的变种，主要针对浏览器环境的模板化规范。	弃
ES6 Module	规范的静态模块体系。	标准
ESLint	ESLint 是一个插件化并且可配置的 JavaScript 语法规则和代码风格的检查工具。ESLint 能够帮你轻松写出高质量的 JavaScript 代码。

备注：模块化规范有三种分别是 CommonJS、AMD/CMD 和 ES6 Module，任选其一即可。在 ES6 Module 推出后，另外二种退出舞台。