前端工具

各种框架/工具/包排名 - http://www.javascripting.com/?sort=rating

Node.js：

• NPM list - https://www.npmjs.com/package/package
• Taobao Mirror - https://npm.taobao.org/
• JSFiddle - https://jsfiddle.net/

代码管理

• Git - https://github.com

包管理工具

• Node.js - https://nodejs.org/en/ or https://docs.npmjs.com/files/package.json -> nested tree
• yarn - https://yarnpkg.com/en/ -> better than npm
• bower - https://bower.io/ --> only the front-end package

文档生成工具

• Jekyll - https://jekyllrb.com/ && https://github.com/jekyll
• esdoc - https://esdoc.org/ && https://esdoc.org/manual/usage.html
• storybook - https://storybook.js.org/ && https://github.com/storybooks/storybook

脚手架工具

• Yeoman - http://yeoman.io

JS 库：

• JQuery - https://jquery.com/ ->　$.
• Lodash - https://lodash.com/docs#get -> _.

模板库

• handlebars : http://handlebarsjs.com/ or http://keenwon.com/992.html
• Mustache : https://mustache.github.io/mustache.5.html
• Jade :　http://jade-lang.com or http://ithelp.ithome.com.tw/articles/10094475
• EJS : https://blog.gtwang.org/programming/ejs-embedded-javascript/
• epii : https://www.npmjs.com/package/epii-html5

JS 框架

• React - https://facebook.github.io/react/

  Redux - http://redux.js.org/
  Router - http://react-guide.github.io/react-router-cn/
  prop-types - https://facebook.github.io/react/docs/typechecking-with-proptypes.html
  react-intel - https://github.com/yahoo/react-intl
  classNames - https://www.npmjs.com/package/classnames

• Angular - https://angularjs.org/
• Vue - https://vuejs.org/ and https://cn.vuejs.org/v2/guide/

CSS 框架

• bootstrap - http://getbootstrap.com/ and http://getbootstrap.com/
• Sass - http://sass-lang.com
• Less -
• Stylus - Comparation: http://efe.baidu.com/blog/revisiting-css-preprocessors/
• Compass -

JS 标准

• ES6(ES2015) - http://es6-features.org/
• Babel - https://babeljs.io/ and http://babeljs.cn/
• JS - https://www.w3schools.com/jsref/jsref_substr.asp

工作流工具

• Grunt - https://gruntjs.com/
• Gulp - http://gulpjs.com/
• Webpack - https://webpack.js.org/guides/getting-started/

代码检测工具

• Eslint - http://eslint.org/ -> ES6 to ES5 && http://eslint.org/docs/user-guide/configuring && http://eslint.org/docs/rules/
• Stylelint - https://github.com/stylelint/stylelint -> CSS
• Jshint - https://github.com/jshint/jshint and http://jshint.com

测试工具

• Jest - http://facebook.github.io/jest/ or http://facebook.github.io/jest/docs/zh-Hans/getting-started.html -> Jest is a complete and easy to set up JavaScript testing solution
• flowtype - https://flow.org/ or https://github.com/flowtype -> A static type checker for JavaScript
• Selenium - https://wizardforcel.gitbooks.io/selenium-doc/content/official-site/introduction.html
• Mocha -

其他工具

• css-loader - https://github.com/webpack-contrib/css-loader
• postcss - https://github.com/postcss/postcss
• autoprefixer - https://github.com/postcss/autoprefixer
• cssnano - https://github.com/ben-eb/cssnano -> css 压缩工具
• emmet - https://emmet.io/ -->Sublime