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

工具

开发工具：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

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