整理一年中使用到的工具和类库，可能正有你需要的！

工具

开发工具：Visual Studio Code

扩展：

• Auto Close Tag：自动添加结束标签，关闭标签
• Auto Import：自动导入
• Auto Rename Tag：自动同步修改开始或者标签
• Beautify：代码美化插件
• Beautify css/sass/scss/less：css/sass/scss/less美化插件
• Git Blame：代码提交记录查看工具，底部查看版本号
• Git History：git版本控制工具
• GitLens：代码提交记录查看工具，精确到每行提交记录在编辑器中查看
• open in browser：右键在浏览器中打开
• Path Autocomplete：路径自动提示工具
• Prettify JSON：JSON格式化工具
• Project Manager：项目管理插件
• Reactjs code snippets：React 代码片段，提供简洁操作，快速生成代码
• stylelint：样式检查插件，支持css/scss/less
• TSLint：Typescript检查插件
• Useful React Snippets：有用的React代码片段

终端shell：

Mac端：iTerm2

包安装工具：

Homebrew

命令行：

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

oh my zsh

Via curl：

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

Via wget:

sh -c "$(wget https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)"

环境相关

cnpm

国内镜像安装工具。

npm install -g cnpm

nvm

node版本管理工具。

Via curl：

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

Via wget:

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

修改配置文件（~/.bash_profile, ~/.zshrc, ~/.profile, 或 ~/.bashrc)）：

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

yarn

包管理工具，FaceBook出品。

brew install yarn

nodemon

node自动重启服务。

npm install -g nodemon

pm2

nodejs进程管理器。

npm install pm2 -g

框架&库

页面显示端

react

用于构建用户界面的JavaScript库

npm install react

react-dom

react配套dom库。

npm install react-dom

react-router

react路由库。

npm install react-router-dom

react-codemirror2

react代码编辑器。

npm install react-codemirror2 codemirror

react-dnd

React拖拽组件。

npm install react-dnd
npm install react-dnd-html5-backend

ant design

蚂蚁金服出品前端组件库。

cnpm install antd
// 或者
yarn add antd

react-quill

react富文本编辑器，基于Quill的React版本。

quill

社区星最高的富文本编辑器。中文文档

npm install quill

recharts

基于D3和React的图标组件，可扩展性强。

npm install recharts

gojs

html交互式图表库。

npm install gojs

react-contextmenu

React右键菜单组件。

npm install react-contextmenu
// 或者
yarn add react-contextmenu

classnames

一个简单的JavaScript实用程序，用于有条件地将classNames连接在一起.

npm install classnames
// 或者
bower install classnames
// 或者
yarn add classnames

moment

JavaScript事件处理类库。

npm install moment

lodash

一个一致性、模块化、高性能的 JavaScript 实用工具库。中文文档

npm install lodash

服务端

express

基于nodejs的web开发框架。

npm install express

koa

基于nodejs平台的下一代web开发框架。

npm install koa

koa-router

koa路由库。

npm install koa-router

axios

能够同时用在nodejs环境和浏览器端的Promise请求类库。

npm install axios
// 或者
bower install axios

sequelize

Sequelize是Node.js v4及更高版本的ORM。它支持方言PostgreSQL，MySQL，SQLite和MSSQL，并具有坚实的事务支持，关系，读取复制等功能。中文文档

npm install sequelize

mongoose

MongoDB对象建模设计用于在异步环境中工作.

npm install mongoose

其他资源

Font Awesome

可缩放的矢量图标库。

IconFont

阿里妈妈出品矢量图标管理、交流平台。