這是篇收藏貼，坐穩了，我要開車了。像是電腦壞了重灌或者去新單位難免要配置環境安裝軟體，如果我們一開始就養成良好的習慣去總結它，那麼不管未來風雨再大，我們都不怕！我這裡分享一下我的吧。

解除安裝

友情提示： 如果你安裝了閹割版window，形如gho檔案安裝的系統。就多了這步驟，請帶著細心去解除安裝電腦上的非法居民、讓電腦裸奔更健康。

• 360安全衛士
• QQ下載元件助手 (not found)
• QQ保護賬號元件 (not found)
• Tencent QQMail Plugin (not found)
• 企鵝遊戲中心
• 主頁安全防護
• 暴風影音5
• 騰訊QQ
• Google Chrome 瀏覽器(32)

emmm，我就是不喜歡這種強繫結，尊重過使用者了嗎？既然現在電腦歸我用，我就有這個脾氣把它卸掉。

安裝

• typora

網址：https://typora.io/#windows

用途：編寫markdown文件（宇宙最好用的寫作文件）

• ccleaner

網址：https://www.ccleaner.com/

用途：清理電腦垃圾和登錄檔

• 360極速瀏覽器

網址：https://browser.360.cn/ee/

用途：用習慣了、帶著吧

• Google chrome(64)

網址：https://www.google.cn/chrome/

用途：前端開發標配瀏覽器

• Firefox

網址：http://www.firefox.com.cn/

用途：開發用

• Opera

網址：https://www.opera.com/zh-cn

用途：開發用

• Git

網址：https://git-scm.com/download/win （慢）

https://npm.taobao.org/mirrors/git-for-windows/ （快）

用途：版本控制

• Node.JS

網址：https://nodejs.org/zh-cn/

用途：前端開發標配環境

• Ruby

網址：https://rubyinstaller.org/downloads/

用途：後面裝sass用的到

• postman

網址：https://www.postman.com/downloads/

用途：介面測試

• VScode

網址：https://code.visualstudio.com/docs/?dv=win

用途：程式設計開發標配

• 企業微信

網址：https://work.weixin.qq.com/

用途：辦公

• Tim

網址：https://office.qq.com/download.html

用途：辦公

• 滴答清單

網址：https://www.dida365.com/

用途：每天列個清單，做掉一件事打個勾，作進度矯正

• f.lux

網址：https://justgetflux.com/

用途：保護視力、可以黑白模式

• ShadowsocksR

網址：組織有規定，不能傳播這類東西

用途：科#學#上#網、Google、StackOverflow、學習強國

• 愛奇藝萬能播放器

網址：https://store.iqiyi.com/

用途：不僅僅可以開啟視訊還可以開啟圖片，我就是懶得再裝個圖片檢視器，所以將就用了

• SVN

網址：https://tortoisesvn.net/downloads.html

用途：版本控制，emmmm，歷史遺留問題

• sublime

網址：http://www.sublimetext.com/3

用途：單個檔案我喜歡用它開啟，主要是快

• xmind 2020

網址：https://www.xmind.cn/xmind

用途：做腦圖梳理知識

配置

window 使用配置

• 關閉自啟動專案， CTRL+SHIFT+ESC進入工作管理員選擇啟動、除了系統相關根據需要都禁用
• Win + E ,檢視、點選勾選副檔名、隱藏的專案

Typora使用配置

• 檔案 -> 偏好設定
• 通用 -> 勾選自動儲存、取消檢查更新、傳送匿名使用資料
• 開啟資料夾，主題自選、我喜歡這個：https://github.com/evgo2017/typora-theme-orange-heart
• 編輯器，預設縮排2，對齊縮排
• markdown，程式碼塊自動換行、顯示行號、首行縮排

Node環境配置

• 配置淘寶源： npm config set registry http://registry.npm.taobao.org

• 安裝cnpm: npm i cnpm --registry http://registry.npm.taobao.org

  用於快速安裝npm包

• 安裝nrm: npm i nrm -g

  用於切換npm源

• 安裝vue-cli腳手架 npm i @vue/cli -g

  用於搭建vue專案

• 安裝live-server npm i live-server -g

  emmm，就是懶得起個後端服務，用這個充當一個檔案伺服器

VScode使用配置

外掛：

• eslint
• Vetur
• Prettier
• vscode-fileheader
• vscode-icons
• Document this
• Markdown Preview Enhanced
• Terminal
• Gitlens
• Javascript （ES6） code snippets
• HTML CSS Support
• Path intellisense
• One Dark Pro
• Vue 2 Snippets
• Elm Emmet

git配置

git config --global user.name "ataola"
git config --global user.email "[email protected]"

ruby環境配置

gem update --system
gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
gem sources -l
bundle config mirror.https://rubygems.org https://gems.ruby-china.com

sass和Compass環境

gem install sass
sass -v
gem install compass
compass -v

Chrome外掛配置

• JSON Handle： https://chrome.google.com/webstore/detail/json-handle/iahnhfdhidomcpggpaimmmahffihkfnj
• Vue Devtools： https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
• Vue Performance Devtool： https://chrome.google.com/webstore/detail/vue-performance-devtool/koljilikekcjfeecjefimopfffhkjbne

參考文獻

安裝sass：https://www.sass.hk/install/

最後

以上僅僅是我個人按我個人喜歡的風格來的，殊途同歸，歡迎在下方留言，分享你喜歡的。