開發環境配置清單總結(非 mac)

第一次發簡書，總結下大學的開發環境，因為看到大部分人沒有這些環境，所以給個參考，畢竟，工具還是很重要的。

windows 下的幾個工具

雖然好久沒用 windows 了，不過還記得當初幾個比較喜歡的軟體。

• cmder

windows 下最讓人不堪的就是命令列工具了，使用 cmder 可以讓你的命令列基本可以和 linux 下的 terminal 同樣爽，甚至更加好用。

• wget

wget 工具，windows 下有時候還是需要的

• Internet Download Manager

windows 下最喜歡的工具，linux 下至今沒有尋找到可以媲美的工具。

• WhatPluse

全程記錄鍵盤使用，兩年後可能會有 sublime 100000000 次點擊，當然，還有其他功能

代碼工具

我使用 (sublime(多) + phpstorm(少)) 寫後端代碼，atom 寫前端代碼

下面安利出我的外掛程式

• sublime

  • AdvancedNewFile - 快速建立檔案

  { “keys”: [“ctrl+n”], “command”: “advanced_new_file_new”} // 綁定建立檔案快速鍵

  • All Autocomplete - 代碼補全(大概，這個外掛程式一直都在)

  • Autoprefixer css - 瀏覽器安全色首碼補全

  • Blade Snippets - 程式碼片段(laravel blade)

  • Bootstrap 3 Snippets - 同上

  • BracketHighlighter - 必裝的樣子 XD

  • Color Highlighter - 顯示顏色協助工具輔助，很方便的

  • Colorsublime - 預覽安裝 sublime 的全部配置方案

  • DocBlockr - 代碼注釋工具

  • Emmet - 都知道的

  • Git - 很方便的，不過我用的少

  • Highlighter - 代碼高亮工具，必裝的

  • JavaScriptNect - ES6 Syntax 讓你的js es6 代碼支援的更好

  • JSX - 不用 React 可以跳過

  • Laravel 5 Artisan - laravel 的神器

  • Laravel Blade Highlighter - laravel blade 文法高亮

  • Markdown Preview - 生產 md 的 html 檔案，有些時候很有用（列印文檔）

  • PHP Companion - php 函數跳轉，命名空間處理神器 （我的改建）

  json { "keys": ["f6"], "command": "expand_fqcn" }, { "keys": ["shift+f6"], "command": "expand_fqcn", "args": {"leading_separator": true} }, { "keys": ["f5"], "command": "find_use" }, { "keys": ["f4"], "command": "import_namespace" }, { "keys": ["f12"], "command": "goto_definition_scope" }, { "keys": ["ctrl+1"], "command": "insert_php_constructor_property" }

  • PHP Getters and Setter - 屬性的get set代碼產生，有時候還可以

  • Sass Scss stylus - 文法高亮支援

  • SideBarEnhancements - 必裝，filetree

  • SublimeCodeIntel - 補全有關

  • Terminal - 快速開啟終端，以前 windows 下最常用的

  • TrailingSpaces - 協助取消空格

  • Twig, Vue Syntax Highlight - Twig, Vue 文法高亮

  • WakaTime - WakaTime 的官方外掛程式, 使用 WakaTime 記錄編碼時間，自行 Google.

• Sublime 主題

  • Material Theme (腦補，XD)

  • Boxy Theme

• Atom (和 sublime 基本差不多)

  • Stylus

  • advanced-open-file

  • atom-autocomplete-php, autocomplete-php, autocomplete-modules, autocomplete-python

  • atom-runner - 自訂任務（類似 sublime 中的 ctrl + b）

  • atom-terminal - 超級強大的 atom 命令列，調用系統預設(zsh, bash, fish)

  • emmet

  • docblockr

  • file-icons - 檔案表徵圖必備

  • highlight-selected - 高亮選中單詞的其他全部

  • language-javascript-jsx, react-snippet - react 必備

  • language-vue - vue 高亮

  • linter , linter-selint , linter-php - 不多說，atom 的一大亮點

  • project-manager - 強大的專案管理器，儲存好之後，隨時快速查看之前的項目代碼

  • simple-drag-drop-text - 滑鼠拖拉行動程式碼

  • tokamak-terminal - 依賴之前的 terminal,目前使用的

  • tool-bar , tool-bar-main - 和 vscode 一樣的一個工具列

  • wakatime

• atom 佈景主題色彩

  • Atom Material 主題

  • Nucleus Dark(ing) 主題

  • atom-material-ui 配色

  • adventurous-syntax

  • batman-syntax

  目前使用 Nucleus Dark + atom-material-ui

開發環境

• virtualbox - 虛擬機器

• vagrant - 打包整合虛擬環境

參考視頻 (http://learner.video/series/php-tips-and-tricks/episodes/14)，部落格 (http://rrylee.github.io/2015/11/26/quick-start-linux-php/)

• Homestead - laravel 項目開發環境

• nvm - node 版本管理工具，安裝也非常方便，github -> nvm

• terminator - 命令列工具，參考 https://github.com/RryLee/.dotfiles/blob/master/terminator/config

• fish + oh-my-fish - 配置參考 https://github.com/RryLee/.dotfiles/blob/master/fish/config.fish

• php

php -v // PHP 7.0.7-2

• mysql

mysql -V // 5.6.30

linux 幾個軟體

• lantern - 梯子, github 見

• shutter -

• musicbox - 網易雲音樂命令列版本

• you-get - 視頻媒體下載，基本網路國內外大部分網站

• webtorrent-desktop - 種子檔案下載, github 下載

• vuze - linux 下好用的掛種工具，可以上蝴蝶Bt

• steam - 別忘了 steam 下好多 linux 遊戲，高手請聯絡我

• skype, gitter, slack - 聊天工具

linux 案頭

• gnome3 - 配置好推薦，在不開發外掛程式的情況下，靠自己 dir 功能不多。目前電腦配置有限，會卡。
• i3wm - 個人覺得最酷的案頭，可以隨意 dir，但是開發 electron 這種案頭應用有點蛋疼，不知道怎麼解決。 關鍵是超級流暢
• budgie - 和 i3wm 換著使用
• xfce4 - 最近準備轉戰 archlinux，正在學習，感覺非常酷，可玩性很高。

瀏覽器

• chrome

  • AdBlock - 就在那，不管好不好用

  • Avatars for Github - github 使用者名稱顯示映像，很好用

  • Chrome Sniffer Plus - 查看網站開源庫的使用

  • ColorZilla - 取色工具

  • DevTools Author - 控制台修改工具

  • Dream Afar New Tab - 好看的 tab 頁面

  • EditThisCookie - 不言而喻

  • Gliffy Diagrams - 簡單的作圖工具

  • Isometric Contributions - 像建樓一樣查看 github 貢獻

  • JSON Formatter - 查看 Json 的工具 + 生產力

  • LastPass: Free Password Manager - 密碼管理工具（個人覺得自己帳號沒啥價值，所以基本全部使用lastpass管理）

  • OneTab - 儲存當前所有 tab

  • Pocket, SaveToPocket, Wunderlist for Chrome - 幾個推薦 app

  • Postman - api 調試神器

  • React Developer Tools, Vuejs DevTools, Vulcan by Firebase - react, vue, firebas 調試工具

  • Web Paint - 在當前頁面圖畫工具

  • 劃詞翻譯 - 超好用的詞典

  • Vimium - vim 黨的勝利

  • 易集書籤收藏工具 - 使用易集的同學，這是個好用的工具

• chrome 主題 - arc-theme

• firefox

和 chrome 基本保持著同樣的工具鏈，只是更喜歡在 chrome 裡面，話說 firefox 的 arc-theme，下載安裝 https://github.com/horst3180/arc-firefox-theme/releases

基本常用的都記錄了，有補充的保持更新。文章每個外掛程式功能都沒有配圖，不打算配圖，根據描述可以 google 瞭解。

