開發環境遷移

Visual Studio Code 經常使用插件

• Babel Javascript (支持ES201X、React、FlowType以及GraphQL的語法高亮)
• ESLint (代碼檢測)
• Import Cost (顯示導入包的大小)
• Beatufy (代碼格式化插件)
• Debugger for Chrome (在編輯器中打斷點)
• Live Server (起一個實時的 web server)
• Vetur (Vue代碼高亮、代碼檢測、代碼片斷等)
• ES7 React/Redux/GraphQL/React-Native snippets (React插件)
• Quokka.js (快速調試)
• Code Metrics (檢測代碼質量)
• TODO Highlight (TODO/FIXME 高亮)
• Auto Close Tag (標籤自動閉合)
• Chinese (Simplified) Language Pack for Visual Studio Code (中文包)
• Code Runner
• colorize
• open in browser
• Path Autocomplete
• Path Intellisense
• Settings Sync (同步vscode配置)
• Version Lens

開發環境

• node
• pm2(進程守護)
• nodemon(node檢測自啓動)
• snpm(smart npm)
• yarn(依賴管理)
• nvm(node版本管理，windows 並很差用)
• npm
• GIT
• TortoiseGit(git GUI)
• SVN
• TortoiseSVN
• Ruby環境(sass，compass需求)

開發必備瀏覽器

• Chrome
• Opera
• Firefox
• IE 8.0 +

Chrome 擴展插件

• Vue devTool （Vue 調試工具）
• Window Resizer ( 調整瀏覽器窗口 )
• Charset ( 修改編碼格式 )
• Add to infinity （優化 Chrome）
• WEB 前端助手
• Octotree ( github 瀏覽文件助手 )
• React developer tools （React 調試工具）
• OneTab （優化標籤頁）

開發工具

• vscode
• sublime text3
• notepad++

輔助神器

• Snipaste (不單單是截圖)
• f.lux(護眼神器)
• cmder(超棒的cmd)
• FSCapture
• GifCam
• Wox
• Rolan
• Everything (搜索)
• f5 (快速啓動一個帶服務器的自更新項目)
• Clover (資源管理工具)
• 爲知筆記
• Typora (markdown 編輯器)
• 小飛機
• POSTMAN (api測試神器)

數據庫工具

• Robomongo (MongoDB)
• Navicat for MySQL (MySQL)

服務器工具

• Xshell 5
• Xftp 5
• FlashFXP
• SecureCRT

文件對比工具

• Beyond Compare 4

美工

• Adobe Photoshop CS6
• PxCook

詞典

• 有道詞典

放鬆

• 網易雲音樂

閱讀

• 極速PDF

聊天工具

• TIM
• 微信