整理一年中使用到的工具和類庫，可能正有你須要的！

工具

開發工具：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

阿里媽媽出品矢量圖標管理、交流平臺。