超好用的谷歌瀏覽器、Sublime Text、Phpstorm、油猴插件合集

分享一些超好用插件,打造一個不同的 GitHub、瀏覽器、編輯器。javascript

1、谷歌瀏覽器插件

2、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、Python三、XML、Sass、XSLT、Django、HTML五、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
    快捷鍵:ctrl+alt+v
    使用說明:sublime以本地服務器方式打開網頁
    爲了使用插件,你須要創建一個sublime-project文件,點擊Project->Edit Project
    粘貼如下代碼(這是個人相關配置),並保存到user目錄下
{
    "folders":
    [
        {
            "path": "D:\\wamp\\www"
        }
    ],
    "settings":
    {
        "sublime-view-in-browser":
        {
            "baseUrl": "http://localhost"
            "basePath": "D:\\wamp\\www",   //本地虛擬主機根目錄
        }
    }
}
  • 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

3、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、油猴腳本

4.1 腳本網站

  • OpenUserJS
    OpenUserJS 繼 GreasyFork 以後開始創辦。它由 Sizzle McTwizzle 建立,一樣地,在其儲存庫中也擁有大量的腳本資源。
  • GreasyFork
    GreasyFork 或許是最受歡迎的後起之秀了。它由 Jason Barnabe 建立,Jason Barnabe 同時也是 Stylish 網站的創辦者,在其儲存庫中有大量的腳本資源。
  • Userscripts.org
    Userscripts.org 一直以來都是用戶腳本的經常使用來源,但如今這個網站已經再也不更新了。你能夠在這個網址找到歷 史資源 http://userscripts-mirror.org

4.2 自用的腳本

5、相關連接


本文爲琯琯原創文章,轉載無需和我聯繫,但請註明來自琯琯博客 https://guanguans.cnphp

相關文章
相關標籤/搜索