https://github.com/guanguans/notes/blob/master/Chrome.md github 永久更新地址，
分享一些超好用插件，打造一個不一樣的 GitHub、瀏覽器、編輯器。
本文為琯琯原創文章,轉載無需和我聯系,但請注明來自琯琯博客 https://guanguans.cn

擴展閱讀

• 有哪些鮮為人知，但是很有意思的網站？
• 一份攻城獅筆記
• 每天搜集 Github 上優秀的項目
• 一些有趣的民間故事
• 超好用的谷歌瀏覽器、Sublime Text、Phpstorm、油猴插件合集

一、谷歌瀏覽器插件

• 谷歌訪問助手【強烈推薦】 - 一鍵安裝，無需其他配置，即可訪問谷歌。
• 擴展管理器（Extension Manager）【強烈推薦】 - 一鍵管理所有擴展，快速開啟/禁用、批量閃電管理，智能排序，右鍵卸載、鎖定、選項配置，角標提醒，大小布局隨心配。
• Tampermonkey【強烈推薦】 - 插件中的超級插件，不解釋，最受歡迎的用戶腳本管理器，擁有超過1000萬用戶。
• Click&Clean【強烈推薦】 - 很方便的瀏覽器的緩存、下載文件、內存、cookie、插件等各種管理。
• Checker Plus for Gmail?【強烈推薦】 - 方便地接受郵件通知、查看、收聽或刪除郵件，并且支持多賬戶，語音播放。
• OneTab【強烈推薦】 - 當您發現自己有太多的標簽頁時，單擊OneTab圖標，將所有標簽頁轉換成一個列表。當您需要再次訪問這些標簽頁時，可以單獨或全部恢復它們。
• ElasticSearch Head【強烈推薦】 - 界面化管理大名鼎鼎全文搜索引擎 ElasticSearch的數據。
• ImTranslator: 翻譯，字典，聲音 - 由于劃詞翻譯的谷歌翻譯接口不能用了。找了這個做替代。發現比劃詞翻譯還好用。
• Infinity新標簽頁(Pro)【強烈推薦】 - 可能是Chrome瀏覽器上最好用的新標簽頁。
• WEB前端助手(FeHelper)【強烈推薦】 - FE助手：包括字符串編解碼、代碼壓縮、美化、JSON格式化、正則表達式、時間轉換工具、二維碼生成與解碼、編碼規范檢測、頁面性能檢測、頁面取色、Ajax接口調試。
• LastPass: Free Password Manager【強烈推薦】 - LastPass 密碼管理器,保存你的密碼,讓你安全訪問任何計算機和移動設備。
• QPush - 從電腦快推文字到手機 - QPush 是從電腦推送文字到 iPhone 上最方便的小工具，可以輕松推送文字或網頁。只要三秒鐘，推送超順手!
• Send Anywhere - 發送和分享大文件。
• 簡悅 - SimpRead【強烈推薦】 - 讓你瞬間進入沉浸式閱讀的 Chrome 擴展，類似 Safari 的閱讀模式。
• 壹伴 · 小插件 - 簡單好用的公眾號效率工具。
• Tidy Bookmarks - 對比了很多書簽管理插件，最終選擇了這個。
• Adblock Plus【強烈推薦】 - 最受歡迎的廣告攔截軟件。
• Download in IDM - 大名鼎鼎的idm(internet download manager)的下載插件，需要安裝idm。
• Wappalyzer【強烈推薦】 - 探測當前網頁所使用的類庫、框架和服務器環境。
• Library Sniffer for Google Chrome - 另一個探測當前網頁所使用的類庫、框架和服務器環境，個人喜歡 Wappalyzer。
• BuiltWith Technology Profiler【強烈推薦】 - 探測當前網頁所有信息，相比 Wappalyzer 和 Library Sniffer for Google Chrome 探測的信息更為多。
• Lighthouse - Lighthouse是一款開源的自動化工具，用于改善Web應用程序的性能，質量和正確性，優化網站性能。
• Image Downloader - 瀏覽并下載網頁上的圖像。
• Vimium【強烈推薦】 - 像 vim 一樣操作瀏覽器。裝逼神器。
• Context Menu Search - 使用右鍵菜單在不同的搜索引擎中搜索選定的文本。
• Google 翻譯 - 瀏覽網頁時可輕松查看翻譯版本。
• Octotree【強烈推薦】 - 樹形結構化顯示 GitHub 上的項目代碼，更方便查看代碼。
• GitCodeTree - 樹形結構化顯示碼云上的項目代碼，更方便查看代碼。
• The Great Suspender - 谷歌瀏覽器是很耗內存的，該插件會自動掛起長時間未使用的網頁，來釋放系統資源。
• Postman Interceptor【強烈推薦】 - 大名鼎鼎的 Postman。用來測試接口。
• Boomerang - SOAP & REST Client - 另一個接口測試插件，無縫集成并測試SOAP和REST服務。
• apizza - 體驗類似 postman。
• SimilarWeb - 網站流量來源和排名【強烈推薦】 - 查看網站參與、流量來源和網站排名信息。
• Insight.io for Github - 像IDE一樣智能的查看 GitHub 上項目代碼。
• Sourcegraph for GitHub【強烈推薦】 - 提供GitHub IDE的強大功能：跳轉到代碼，PR和差異的定義和懸停工具提示。
• Porter Plug - 使用Porter.io的嵌入式回購新聞和圖表提升Github體驗。
• Axure RP Extension for Chrome - 可以從Google Chrome瀏覽器本地查看 Axure RP 原型。
• Listen 1【強烈推薦】 - 集成QQ、網易、蝦米三大音樂平臺平臺聽歌插件，程序員專屬音樂播放器，良心作品。
• Website IP - 將當前網站的IP顯示在右下角，便于本地開發網站調試。
• GitHub Hovercard【強烈推薦】 - 使用這款插件，當你將鼠標停留在 GitHub 網站的用戶頭像或者倉庫鏈接地址上時，會自動彈出一個懸浮框，帶你提前預覽基本信息。同性交友利器！
• Awesome Autocomplete for GitHub【強烈推薦】 - 將即時搜索功能添加到 GitHub 的搜索欄。
• JSON-handle - JSON 美化插件。
• 馬克飛象【強烈推薦】 - 強大的Markdown離線編輯器，專為印象筆記打造。
• Vysor - 在瀏覽器上操作 Android 手機。
• Draw.io Desktop【強烈推薦】 - Draw.io是一個完全免費的圖表編輯器，畫流程圖特別方便，強烈推薦！！！。

二、Sublime Text 插件

• Alignment
  使用說明：Alignment是一個代碼格式化插件，它可以使多行代碼中的等號對齊，也可以調整多行代碼為一個縮進級別。
  快捷鍵：ctrl+shift+alt+a

• AutoFileName
  使用說明：文件名自動補全，根據路徑自動提示該路徑下的文件

• BracketHighlighter
  使用說明：BracketHighlighter插件是用來匹配相對的符號，然后高亮顯示，比如{ }、[ ]、" "等符號的對應高亮顯

• ConvertToUTF8
  使用說明：自動轉為UTF-8編碼類型

• DeleteBlankLines
  使用說明：選中需要批量刪除空行的部分，Ctrl + Alt + Backspace，選中部分的所有空行就都被刪除了
  快捷鍵：ctrl+alt+backspace

• DocBlockr
  使用說明：生成js ,php 等語言函數注釋,只需要在函數上面輸入/** ,然后按tab 就會自動生成注釋模板

• Emmet
  使用說明：它讓編寫 HTML 代碼變得簡單。
  Emmet用法參見Emmet插件使用方法總結

• HTML-CSS-JS Prettify
  使用說明：快速格式化html css js
  快捷鍵：ctrl+shift+h

• jQuery
  使用說明：會出現jquery提示

• LESS
  使用說明：支持less語法高亮

• SCSS
  使用說明：支持SCSS語法高亮

• SideBarEnhancements
  使用說明：SideBarEnhancements 是一款很實用的右鍵菜單增強插件，有以 diff 形式顯示未保存的修改、在文件管理器中顯示該文件、復制文件路徑、在側邊欄中定位該文件等功能，也有基礎的諸如新建文件/目錄，編輯，打開/運行，顯示，在選擇中/上級目錄/項目中查找，剪切，復制，粘貼，重命名，刪除，刷新等常見功能。

• sublime tmpl
  使用說明：按指定快捷鍵生成模板。
  快捷鍵：
  ctrl+alt+h 新建html模板文件
  ctrl+alt+j 新建javascript模板文件
  ctrl+alt+c 新建css模板文件
  ctrl+alt+p 新建php模板文件
  ctrl+alt+r 新建ruby模板文件
  ctrl+alt+shift+p 新建python模板文件

• SublimeCodeInte
  使用說明：Sublime?Code?Intel 是一個代碼提示、補全插件，支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等語言，是 Sublime Text 自帶代碼提示功能的很好擴展。

• SublimeLinter
  使用說明：它可以幫你找出錯誤或編寫不規范的代碼 需要安裝nodejs,jshint,csslint

• SublimeLinter-csslint
  使用說明：對錯誤的css代碼在狀態欄進行提示，

• SublimeLinter-jshint
  使用說明：對錯誤的javascript代碼在狀態欄進行提示，

• View In Browser
  使用說明：sublime以本地服務器方式打開網頁
  為了使用插件，你需要建立一個sublime-project文件，點擊Project->Edit Project
  粘貼以下代碼(這是我的相關配置),并保存到user目錄下

{
    "folders":
    [
        {
            "path": "D:\\wamp\\www"
        }
    ],
    "settings":
    {
        "sublime-view-in-browser":
        {
            "baseUrl": "http://localhost"
            "basePath": "D:\\wamp\\www",   //本地虛擬主機根目錄
        }
    }
}

快捷鍵：ctrl+alt+v

• MarkdownEditing
  使用說明：它支持Markdown語法高亮顯示。

• OmniMarkupPreviewer
  使用說明：用來在瀏覽器中預覽markdown 編輯的效果
  快捷鍵：ctrl+alt+o

• Compact?Expand?Css
  使用說明：css橫豎向排列切換
  快捷鍵：
  ctrl+alt[橫向排列
  ctrl+alt]豎向排列

• Codelf
  下載地址：Codelf for Sublime Text
  使用說明：變量命名神器Codelf通過搜索在線開源平臺的項目源碼幫開發者給變量命名 ，有了它再也不用為了命名而絞盡腦汁了
  快捷鍵：鼠標右鍵，選擇Codelf

• CodeFormatter
  使用說明：代碼格式化插件，主要用于PHP代碼的格式化，要求php5.6及以上
  快捷鍵：ctrl+alt+s

• sublime git

• YUI compress

• livestyle

• GBKEncoding support 中文支持

• Terminal

三、Phpstorm 插件

• Symfony Plugin - 支持 Symfony 2,3,4 ...
• Laravel Plugin - 支持 Laravel
• .env files support - 支持.env 文件
• BashSupport - 支持 Bash
• EditorConfig - 支持 EditorConfig 標準
• Handlebars/Mustache - 支持 Handlebars、Mustache
• Ideolog - 有好的插件 .log 文件
• Material Theme UI - Material Theme 主題
• .ignore - 友好的查看 .ignore 文件
• NodeJS - 集成 Node.js
• Markdown support - 支持 Markdown
• IdeaVim - 支持 Vim
• LiveEdit - 可以實時編輯 HTML/CSS/JavaScript
• Markdown Navigator - 支持 Markdown
• PHP composer.json support - 支持 composer.json 文件
• Php Inspections (EA Extended) - PHP 的靜態代碼分析工具
• Nyan Progress Bar - 改變進度條樣式
• Grep Console - Grep 控制臺
• String Manipulation - 有好的操作字符串
• CodeGlance - 類似于 Sublime 中的代碼小地圖
• Styled Components - 利用標記的模板文字和 CSS 的強大功能，樣式化組件允許您編寫實際的 CSS 代碼來設置組件樣式

四、油猴腳本

4.1 腳本網站

• OpenUserJS
  OpenUserJS 繼 GreasyFork 之后開始創辦。它由 Sizzle McTwizzle 創建,同樣地,在其儲存庫中也擁有大量的腳本資源。

• GreasyFork
  GreasyFork 或許是最受歡迎的后起之秀了。它由 Jason Barnabe 創建,Jason Barnabe 同時也是 Stylish 網站的創辦者,在其儲存庫中有大量的腳本資源。

• Userscripts.org
  Userscripts.org 一直以來都是用戶腳本的常用來源,但現在這個網站已經不再更新了。你可以在這個網址找到歷 史資源 http://userscripts-mirror.org。

4.2 自用的腳本

• Userscript+ - 顯示當前網站所有可用的油猴腳本。
• 一鍵離線下載 - 一鍵自動將磁鏈、bt種子或其他下載資源離線下載至網盤。
• 全網音樂一鍵免費下載 一鍵搜索 在線試聽 - 全網音樂在線試聽 一鍵免費下載 一鍵搜索 提供多站合一 音樂試聽 音樂下載 音樂搜索解決方案，網易云音樂，QQ音樂，酷狗音樂，酷我音樂，蝦米音樂，百度音樂，蜻蜓FM，荔枝FM，喜馬拉雅。
• JSON formatter - 美化 JSON 數據。
• GitHub Dark Script - 設置 GItHub 黑色主題。
• 破解VIP會員視頻集合 - 一鍵破解[優酷|騰訊|樂視|愛奇藝|芒果|AB站|音悅臺]等VIP或會員視頻。
• 百度搜索 - 優化 - 1、屏蔽百度推廣 2、關閉百度廣告聯盟信息收集 3、綁定快捷鍵 4、布局調整 5、居中單列(可選)** 6、居中雙列(可選)。
• 百度網盤直接下載 - 網盤內和分享鏈接頁面均顯示[高速下載]按鈕，支持百度企業網盤。
• Wikipedia Inline Article Viewer - 鼠標停在維基百科頁面上的鏈接上，會自動加載連接內容。
• 跳過網站等待、驗證碼及登錄 - 移除各類網站驗證碼、登錄、倒計時及更多!
• Google & baidu Switcher (ALL in One) - 分別在百度和google的搜索結果頁面增加搜索跳轉按鈕。
• 目錄樹導航 - 目錄樹導航 - 顯示文章目錄大綱導航
• 網頁限制解除 - 通殺大部分網站，可以解除禁止復制、剪切、選擇文本、右鍵菜單的限制。
• Wide Github - 將所有github存儲庫頁面更改為全寬顯示，插件版。
• GitHub 漢化插件 - 漢化 GitHub 界面的部分菜單及內容。

五、相關鏈接

• PhpStorm Plugins
• Package Control
• Sublime_Plugins，by Jesse121

本文為琯琯原創文章,轉載無需和我聯系,但請注明來自琯琯博客 https://guanguans.cn