淺談「知識管理」、「工具收集」以及「開發環境的整理」

工欲善其事，必先利其器！

前言

驀然回首，發覺自己已經好久沒寫博客了，可能是源於博客更新起來費時費力，也確實，從構思到發布需要一大把時間，有些主題也是被大神們寫的太多了，也就不重複造輪子了，也或許是自己找到了更好的知識管理系統，總之今天寫這個博客也算是對前段時間學習的總結，其中涉及到的工具，插件也便於工作以後查找使用！

知識管理

俗話說：「好記性不如爛筆頭」，可見學習過程中記筆記的重要性，然而如何記筆記才能方便以後的查找，說說我的歷程，剛開始學習前端知識，是採用傳統的記筆記方式，對，沒錯，記在本子上，代碼之類的還是要在開發工具中運行試試效果的，之後隨著筆記做的越來越多，你再想查詢一個知識點可就難了，因為你很難記清楚哪個知識點在哪一頁啊，有翻筆記本的時間在網上恐怕早就搜到了！可見知識管理的重要性，有好的工具才能事半功倍，加快效率！後來發現了雲筆記之類的軟體，顧名思義，這類工具就是把筆記寫在雲端，把筆記放在網上自己的空間裡，再查找時可以根據標籤分類快速查找到！當找到這些工具是，我的內心裡是非常欣喜的，猶如發現了新大陸的感覺，不禁又感覺自己以前做筆記的方式是多麼low，但是也不是說紙質筆記就不好，各有千秋，紙質筆記與雲筆記相輔相成，才能最大化為知識管理做出最大貢獻！下面我就來安利一下最近發現的好用的知識管理類工具:

• 知識收集類

• • Pocket【看到一個好文章而暫時沒時間閱讀，關閉後說不定又找不到了，怎麼辦怎麼辦怎麼辦？用這個工具啊，他可以把你想看還沒來得及看的網頁存到Pocekt上，有空再去看咯，不得不說，這款產品的出發點還是很棒的】

  • 收趣雲標籤【國內版的Pocket，介面之類也還夠小清新，但是我還是偏愛Pocket】

• 知識管理類

• • 為知筆記【更適合國人使用的雲筆記

    多級目錄、多級標籤、Markdown、無限存貯空間，不過之所以我最終選擇了這一款雲筆記，最大原因還是他免費啊，而且markdown支持的比較好，設置多級標籤及分類後很容易管理】

  • 印象筆記【號稱「記住一切

    現代生活喧囂繁雜，印象筆記幫你輕鬆簡化一切，讓生活更美好，讓工作更省力」，不過確實也有這個實力，但是就是太摳了，一個月就給60M上傳流量，那能夠嗎？而且還沒有內置markdown】

  • 有道雲筆記【可以掃描紙質筆記】

  • Simplenote【一款很小眾的雲筆記，正如其名非常簡單，小巧，適合日常記事，正如周倩如大神在《非你莫屬》上詮釋的那樣，什麼是一款好的網際網路產品，「你要把網際網路用戶想像成智商非常低，脾氣非常差，超級沒有耐心，而且超級小氣，不肯出一分錢的人」只要把這種人給伺候好了，這樣的產品才會容易獲得成功吧！】

上述這些軟體，pc端移動端都有！由於是保存在雲端，何時何地採用不同終端依然可以查看！

前端資訊

• 知乎【大牛出沒的地方，相信你也可以在這裡看到不一樣的世界】

• 掘金【高質量的技術社區】

• SegmentFault【SegmentFault 是一個專注於解決編程問題，提高開發技能的社區。
  
  】

• 開發者頭條【在開發者頭條，你可以閱讀頭條新聞、分享技術文章、發布開源項目，訂閱技術極客/技術團隊開通的獨家號/團隊號和關注編程牛人。
  
  】

• stackoverflow【Stack Overflow是一個與程序相關的IT技術問答網站。
  
  用戶可以在網站免費提交問題，瀏覽問題，索引相關內容，全都是英文！！！】

PC端

由於使用的是window系統，故推薦的是一些window下的應用

小工具

• 馬克飛象【markdown編輯器】

• MIU【markdown編輯器】

• Mark Man【高效的設計稿標註、測量工具】

• ColorCube【Color Cube 是面向設計師的配色取色工具】

• ColorPix【ColorPix是一款幫助你快速在螢幕上取色的工具.並且能根據你取的顏色得到Pixel、RGB、HEX、HSB、CMYK代碼.打開軟體後，滑鼠經過的地方即為ColorPix取色的區域.】

• FastStone Capture【FastStone Screen Capture (FSCapture) 是一款免費的圖像瀏覽、編輯和抓屏工具，支持包括BMP, JPEG, JPEG 2000, GIF, PNG, PCX, TIFF, WMF, ICO 和TGA在內的所有主流圖片格式，其獨有的光滑和毛刺處理技術讓圖片更加清晰，提供縮放、旋轉、減切、顏色調整功能。
  
  只要點點滑鼠就能隨心抓取螢幕上的任何東西，拖放支持可以直接從系統、瀏覽器或其他程序中導入圖片，收藏夾功能讓你能更好的從eNet收集更多精彩圖片。
  
  】

• LiceCap【LICEcap 是一款螢幕錄製工具，支持導出 GIF 動畫圖片格式，輕量級、使用簡單，錄製過程中可以隨意改變錄屏範圍】

• shadowsocks【配合免費帳號翻牆】

• Lantern【翻牆】

• github客戶端【代碼管理】

• git shell【git命令行】

• git bash【git命令行】

• Flashfxp【網站管理工具】

• Everything【Everything是一款文件、文件夾名稱快速搜索軟體。
  
  在搜索之前就會把所用的文件和文件夾都列出來，這一點與Windows自帶的搜索系統不一樣，所以稱之Everything。
  
  在搜索框輸入文字，它就會只顯示過濾後的文件和目錄】

• Clover【Clover是一款免費實用的增強小軟體，它能為你的 Windows Explorer 資源管理器（或者通俗點說是「我的電腦」）增加多標籤頁的功能，就像谷歌 Chrome 瀏覽器那樣方便好用。
  
  在同時查看/操作多個不同路徑的文件夾時尤為方便，讓窗口更少更整潔，而且它支持快捷鍵與標籤頁的拖入拖出，熟悉使用之後絕對能大大提高電腦操作的效率。
  
  】

• WPS【WPS可以實現辦公軟體最常用的文字、表格、演示等多種功能。
  
  具有內存占用低、運行速度快、體積小巧、強大插件平台支持】

• 金山打字通【不得不說這款軟體拯救了我的打字速度，依靠每天的堅持練習，再也不是當年的』一指禪』】

開發工具

• webstorm【主要使用的開發工具，雖然啟動慢點，js自動補全方面還有待提高，其他方面都還挺好的】

• Atom【介面友好，插件豐富，逼格高，但是就是卡啊卡啊卡啊，如果不卡的話，我應該很大可能使用他】

• sublime Text3【一度被捧向神壇的開發工具，但是為什麼給我的感覺也是卡，難道是電腦問題】

• Notepad++/EmEditor【一般用於取代電腦自帶的記事本的功能】

• photoshop CC【圖片處理必備，最近臨近實習，不少朋友都請我幫他們修圖片，做證件照，還問我怎麼會這麼多，我笑而不語，只不過心裡想了想「你們怎麼不想想你們無聊時鬥地主，玩遊戲，閒聊的時候；我都在幹什麼，日積月累下，最終還是會產生質的改變，加油！」】

瀏覽器插件

chrome插件

常用插件

• 一鍵管理所有擴展【方便管理下載的插件】

• onetab【像一個漏斗的樣子，由於Chrome每個標籤都是一個獨立進程，耗費大量內存，讓你的電腦不斷變慢。
  
  OneTab 擴展可為你解決這個問題，安裝後，點擊一下擴展圖標，就會將你打開的標籤聚合在一起，相當於只打開一個標籤。
  
  

  當你存在打開多個窗體，甚至很亂的時候，不妨可以試試通過這個插件臨時收縮一下你瀏覽器的窗體。
  
  這樣做能極大的提高你的谷歌瀏覽器的性能以及你的瀏覽效率。
  
  】

• Adblock/廣告終結者【去除頁面上那些煩人的廣告吧！甚至可以去除視頻播放前那冗長的60s的廣告，是不是很棒！】

• chrono下載管理器【方便管理下載的內容】

• page ruler【方便測量頁面上的尺寸】

• Color Zilla【方便測量頁面上的顏色】

• Clear Cache【清緩存】

• live reload【修改代碼後自動刷新】

• save to pocket【保存到pocket】

• 剪藏到印象筆記【剪藏到印象筆記】

• 為知筆記網頁剪輯器【剪輯網頁到為知筆記】

• 有道雲筆記網頁剪報【剪輯網頁到有道雲筆記】

• UC二維碼【方便將網頁生成二維碼】

• simpleUndoClose【撤銷關閉的網頁】

• LassPass【密碼管理插件】

• 谷歌翻譯【方便翻譯英文網頁】

• open InternetSpeedTracker New Tab【打開特定的新頁面，翻牆後可谷歌搜索】

備用插件

• AutoPagerize【自動翻頁插件】

• CSSViewer【css樣式查看器】

• FontfaceNinja【網頁字體查詢小幫手】

• IETab【訪問某些只支持 IE 登錄的網站時可以在Chrome中使用 IE Tab 打開】

• Test IE【測試網頁在IE老版本中的效果】

• Imagus【基於瀏覽器圖片增強擴展工具是一款支持Opera、Firefox、Chrome、Safari、Maxthon等主流瀏覽器的擴展工具，可以幫助你在線處理各種圖片，支持對圖片進行預覽、放大縮小、旋轉等操作。
  
  】

• Isometric Contributions【它可以將 Chrome 和 Safari 瀏覽器上 Github 的圖錶轉換成立體的像素風格。
  
  】

• Octotree【用來顯示 Github 項目的目錄結構】

• Perfmap【　PerfMap 是用來分析前端性能，基於資源定時 API 生成網頁資源加載的前端性能熱圖。
  
  熱圖的顏色和第一個毫秒值指示在什麼時候頁面的圖像加載完畢，這是用戶體驗的一個很好的指標。
  
  括號中的第二個值是瀏覽器加載特定圖像的時間。
  
  】

• postman【Postman是一款功能強大的網頁調試與發送網頁HTTP請求的Chrome插件。
  
  】

• Proxy Switchsharp【針對谷歌瀏覽器而開發的一款代理設置插件】

• Tampermonkey Beta【Tampermonkey通過加載第三方的腳本文件，改變頁面中的CSS和JS元素，可以讓整個網頁大變樣，也可以在網頁中增加額外的功能。
  
  】

• FeHelper【包括字符串編解碼、代碼美化、JSON格式化、二維碼生成器、編碼規範檢測、頁面性能檢測、柵格檢測等】

• window Resizer【窗口大小調節插件】

• 一鍵切換【搜索內容是可一鍵切換到百度、谷歌、必應，省去粘貼複製的繁瑣過程】

• 思維導圖【可視化的繪圖軟體有著直觀,友好的用戶介面和豐富的功能,這將幫助您有序地組織您的思維,資源和項目進程】

• 掘金【前端資訊】

• 網頁截圖注釋&批註【網頁截圖注釋&批註】

這些備用插件平時是給關閉的，因為Chrome每個標籤都是一個獨立進程，這麼多插件一起運行的話，會耗費大量內存，讓你的電腦不斷變慢！

firefox插件

• onetab【標籤頁管理】

• firebug【調試代碼】

• Adblock plus【濾除廣告】

• FoxyProxy Standard【代理】

• NetVideoHunter【下載頁面上正播放的音頻】

• DownThemAll【Downthemall 是Firefox的一個下載管理插件。
  
  支持多線程、續傳、批量文件下載，同時允許HTTP和FTP協議的免費軟體。
  
  

  Downthemall 支持正則表達式，能夠很方便的 批量生成固定格式的下載連結，也能過濾下載不同類型的文件。
  
  】

開發環境整理

這麼多工具、插件會不會很亂，答案只有一個，你如果不學著去整理，那麼肯定是會亂的。

日常生活中我也是一個愛整理的人，每隔一段是時間就會整理自己的書桌，衣櫃，整理過後，自己也會覺得心情大好！

如何整理

電腦桌面

電腦桌面整理，不要把什麼亂七八糟的圖標全部都擺在桌面上，因為看上去太亂了，可以把軟體放到開始目錄內，我使用的是window10系統，具體操作參考如何優雅地使用 Windows 10 ?

電腦性能

原來想在網上買塊固態內存自己換的，轉念一想，那樣的話，所以軟體都要重裝，就嘗試一系列別的方法去解決電腦的卡慢，比如磁碟清理，增加虛擬內存，去除一些不必要的動畫效果…以及更有逼格的關機方式SlideToShutDown,滑下來即可關機

瀏覽器

瀏覽器整理，書籤要分類，配合雲筆記和Pocket使用，不要把網頁都設置成書籤還不分類，那時間長了，書籤將臃腫不堪！

雲筆記

雲筆記整理，來不及看的頁面，想存到Pocket,看完之後，要重要知識點的保存到雲筆記，雲筆記，分類以及標籤要分級，方便以後的查找

移動端

順便安利一些手機端好用的軟體:

• Via瀏覽器【輕快簡潔，200多kb安裝包，一用傾心，你值得擁有】

• since【一款簡單記錄天數的計數器】

• 網易雲音樂【根據你的聽歌偏好，每天為你推薦20首歌，推薦的都還不錯哦，目前每天都會打開網易雲音樂來聽歌】

• Smooth【一個簡單的新浪微博客戶端，刷刷微博還好，但是有不少接口不允許使用】

• 有道詞典【這個也是基本上每天都會用到，英語單詞查詢必備】

好文作者：byalice