分享一些超好用插件,打造一個不同的 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
使用說明:SublimeCodeIntel 是一個代碼提示、補全插件,支持 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
- CompactExpandCss
使用說明: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