分享一些超好用插件,打造一个不一样的 GitHub、浏览器、编辑器。
一、谷歌浏览器插件
二、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、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
快捷键: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
三、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 自用的脚本
五、相关链接
本文为琯琯原创文章,转载无需和我联系,但请注明来自琯琯博客 https://guanguans.cn