HTML/CSS/JS Prettify(代码格式化) 能够格式化css html和js。 注意:格式化的文件路径中不能有中文,不然会报找不到node的错误(windows下)。...YUI Compressor(压缩JS和CSS文件) PHPTidy(整理与排版PHP代码) JsFormat(javascript格式化) 格式化js代码,这个插件很有用,我们有时在网上看到某些效果...编码: GBK Encoding Support(GBK中文编码) 这个插件还是非常有用的,因为sublime 本身 不支持gbk编码,在utf8如此流行的今天,我们整站还是gbk编码,o(︶︿︶)o...,这个插件可以让sublime像vim一样。...LESS(LESS语法识别) 这是一个非常棒的插件,可以让sublime支持less的语法高亮和语法提示,对于搞less的同学灰常重要,不过多解释。
常用插件推荐 Alignment: 自动对齐代码 SublimeLinter 提示编写代码中存在的不规范和错误的写法 Sublime CodeIntel代码提示和补全 Bracket Highlighter...代码匹配 SideBarEnhancements 侧栏右键功能增强 ConvertToUTF8,GBK编码兼容 Emmet让编写代码变得简单 HTML-CSS-JS Prettify HTML/CSS/...JS/Vue等代码格式化 Better Completion全能代码提示(JavaScript、jQuery、Bootstrap等js库) AutoFileName提示文件路径,快速输入文件名 GitGutter...提示代码中插入、修改、删除的地方 其他插件推荐 CSScomb 属性排序 SublimeTmpl 快速生成文件模板 FileDiffs 强大的比较代码不同工具 JavaScript Completions...js原生语法提示。
前端开发Sublime 3插件 Sublime的大名已经无需我介绍了,首先先介绍如何启用插件安装功能: 打开Sublime 3,然后按 ctrl+` 或者在View → Show Console 在打开的窗口里黏贴这个网站上的代码...Prettify 链接: https://packagecontrol.io/packages/HTML-CSS-JS Prettify 简介: 编辑HTML, CSS, JS时,经常会出现缩进不对...(你更新Sublime里的CSS并保存,打开的网页也会自动更新) 安装: 需要安装两个插件,一个是Sublime的插件,一个是Chrome的插件。...Sublime插件: Ctrl+Shift+P → Package Control: Install Package → LiveStyle Chrome插件: https://chrome.google.com...、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings 这四个文件照着里面的格式自定义想要新建的类型~ 插件下载
这个插件是需要下载执行软件才能够操作的,下载地址 http://prdownloads.sourceforge.net/ctags/ctags58.zip 然后解压到自己感兴趣的目录 2.preferences...下点击install packages control,并等待成功 3.sublime中安装ctags插件 Ctrl+Shift+P ,输入Install Package后,输入Ctags安装 4.安装完成
安装Package Control 打开Sublime Text2, 调出Console( Control +` 或者 View->Show Console); Control +` ctrl...+ ` 粘贴下面的代码到命令行 import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path...if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net.../'+pf.replace(' ','%20')).read()) 然后就可以 Control + shift + p安装插件 Control + shift + p ctrl + shift + p...常用插件 SublimeCodeIntel 代码智能提示插件 ---- 后续更新
Sublime Terminal ColorPicker 通常,如果你想使用一个颜色选择器则可能打开 Photoshop 或 GIMP。...而在 Sublime Text 中,你可以使用内置的颜色选择器。安装完成后,只要按下Ctrl / Cmd + Shift + C 快捷键。...HTML-CSS-JS Prettify 一款集成了格式化(美化)html、css、js三种文件类型的插件,即便html,js写在PHP文件之内。...插件依赖于nodejs,因此需要事先安装nodejs,然后才可以正常运行。插件安装完成后,快捷键ctrl+shift+H完成当前文件的美化操作。...当然,可以自己自定义CSS属性排序规则,打开插件目录里的CSScomb.sublime-settings文件,更改里面的CSS属性顺序就行了。
本文告诉大家一些好用的 Sublime Text 插件 Git Gutter 在左边显示新建的行和修改的 请看下面的图片 jisaacks/GitGutter: A Sublime Text 2/3
详细设置 && 20+插件 为什么要选择Sublime Text3? Sublime Text3 自动保存,打开图片 跨平台启动快,多行选择。 插件,简直选不过来。...插件的安装与使用 安装package control。 这里我使用的是sublime_text3, 2的话上官网查询代码。 首先打开package control的官方网站。...(个人觉得brackets的这个插件比Sublime Text做得好多了。) /*:回车创建一个代码块注释 /**:回车在自动查找函数中的形参等等。 它会生成 JSDoc 格式的注释。...使用参考 GitGutter: Sublime Text 有了 Git 插件之后,GitGutter 更好的帮助开发者查看文件之前的改动和差异,提升开发效率。 NO.7 Emmet:不解释。...这两个插件的功能就是可以用浏览器浏览 Sublime Text 中编写的 markdown文件。
Sublime Text 3 就 Sublime Text 3 来说主要的扩展包如下 All Autocomplete 自动补全,默认 Sublime Text 只会补全本文件的内容,此扩展会补全所有的...SideBarEnhancements 侧边栏增强 SimplePHPUnit PHP 单元测试 SublimeLinter-csslint css 的提醒和检查 SublimeLinter-jshint JS...SublimeLinter-php 使用php -l做 PHP 语法检查 VCS Gutter 配合 git/svn 在行号边上显示文件的修改 Xdebug Client Xdebug 步进式 debug Sublime...Text 主题 ayu 安装好主题之后配置文件 Sublime Text > Preferences > Settings { "color_scheme": "Packages/ayu/ayu-mirage.tmTheme...ui_big_tabs": true, "ui_fix_tab_labels": true, "ui_font_size_small": true, "ui_separator": true } Sublime
而一直使用的 Sublime Text 是绿色版本,直接拷贝过来后启动,编辑等操作都是正常的,但在尝试安装新的插件时就遇了如下的问题。...for installation 然后检查安装目录下的 channel_v3.json 文件是正常的,只好尝试打印系统日志来看追踪下问题,使用 Ctrl + ~ 快捷键打开终端,输入如下的代码开启: 1 sublime.log_commands...(True) 注: 千万记得在调试完成后关闭日志输出 再次尝试安装插件时,便发现提示系统找不到指定的路径异常,一看那个路径才恍然大悟,然后来是之前电脑的安装位置,那只要更新下配置文件路径就好啦。...打开 Preferences -> Package Settings -> Package Control -> Settings 选项修改 channels 的参数值,保存后便可以成功安装插件啦。
ed8e37ab0006abb800000002593bf5c2 http://www.cnblogs.com/EnSnail/p/6294897.html 2、官方下载sumblime 3及安装Package Control,下载emmet插件...Ctrl+Alt+A和QQ截屏冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A;先选择要对齐的文本 5、SublimeCodeIntel SublimeCodeIntel 作为一个代码提示和补全插件...XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js...可以通过安装插件GBK Support,来识别GBK和ANSI。...①.菜单Sublime Text → Preferences → Key Bindings(点击),则打开了Defult(OSX).sublime-keymap — User文件。
h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package...'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener...ignored_packages": [ "Vintage" ], "show_encoding": true, "theme": "Material-Theme.sublime-theme...", "update_check": false, "tab_size": 4, "translate_tabs_to_spaces": true, } 插件 GoSublime...Git Git Gutter VCS Gutter HTML-CSS-JS Prettify SqlBeautifier ctrl+k Terminal nginx nginx语法高亮 ApacheConf.tmLanguage
在 python 编辑环境下,使用 anaconda 完成一些代码补全和提示 具体设置如下 { //由于Anaconda插件本身无法知道Python安装的路径,所以需要设置Python
Package Control 作为安装 Sublime Text 插件的必备利器,Package Control 是这款编辑器的标配,可以方便开发人员快速安装需要的插件。 2....GitGutter Sublime Text 有了 Git 插件之后,GitGutter 更好的帮助开发者查看文件之前的改动和差异,提升开发效率。 4....在 Sublime Text 编辑器中搭配 Emmet 插件真的是让你编码快上加快。 5....AllAutocomplete Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。...SublimeREPL 这可能是对程序员最有用的插件。
本文作者:IMWeb 黎清龙 原文出处:IMWeb社区 未经同意,禁止转载 sublime 插件基础知识介绍 下面通过一个sublime插件【CSScomb】介绍一下sublime插件的基础知识...1 sublime插件的安装 1.1 使用Package Control安装 如果是Package Control的插件,可以通过Package Control来安装插件 首先通过官方文档安装Package...1.2 源码安装 源码安装比较简单,直接把插件的源码放到sublime的插件文件夹下即可 sublime本身有绿色版的,所以插件文件夹可能会不固定 【Ctrl + `】或者【View】-->【Show...Console】打开控制台,然后通过【print(sublime.packages_path())】脚本即可打印插件根目录,如下: ?...2 插件的配置 一般在【Preferences】菜单会找到相应的插件 如果插件本身是可配置的就有,否则不会出现在该菜单上 sublime的配置分为两种:【Default】和【User】 【Default
emmet BracketHighlighter 等号匹配 colorpicker 颜色拾取 DocBlockr 注释 jsformat js格式化 SublimeCodeIntel sideBarEnhancements...FileDiffs FileDiffs插件可以让开发者比较两个不同文件的差异,比较的对象包括当前文件、另一文件、剪切板中的代码甚至未保存文件等。...Alignment Aligment插件让开发者自动对齐代码,包括PHP、CSS、JavaScript语言。使得代码看起来更整齐美观,更具可读性。
上一篇文章和大家分享了sublime的使用, 今天来和大家聊聊他丰富的插件 , 上一篇说了安装插件,但插件安装后如何使用如何设置呢? 有哪些能提高我们工作效率的插件呢 ?...安装插件,首先需要Package Control 如何安装我们上一篇已经说过了, 不清楚的同学回顾上一篇。...用 ⌘+R (Windows用Ctrl+R)查看项目列表并可在项目之间快速跳转 F6 开启或关闭拼写检查 这次就着重介绍这个插件吧, 改天再写个其他插件。文章有点枯燥,请谅解, 适合躺平了看 。...二 Emmet 我不是做前端的, 体会的不是很真切, 请做前端同学出来可以评论下这款插件 就是你最需要的那个插件,自动补齐什么的,功能太多。...tools/emmet-cheat-sheet.html https://www.w3cplus.com/performance/high-performance-html.html (3)Emmet 插件使用教程
我自己的部分操作如下: 学习Sublime Text扩展插件的安装前,让我们来先了解一下它的插件官方网站:https://packagecontrol.io/。 ?...有了它,我们就可以很方便的浏览、安装和卸载Sublime Text中的插件。 ...当插件安装成功后,Sublime Text 3 编辑器底端的状态栏会有安装成功的提示。...c)安装方法二:你还可以下载完整的插件包后解压,放入 C:\Users\Bruce\AppData\Roaming\Sublime Text 3\Packages 目录下,以达到安装插件的目的。...一个快捷的方法是:双击打开你的 “Sublime Text 3”,点菜栏 “Preferences(首选项)--->Browse Packages(浏览插件目录)”。
sublime 插件基础知识介绍 下面通过一个sublime插件【CSScomb】介绍一下sublime插件的基础知识 1 sublime插件的安装 1.1 使用Package Control安装 如果是...1.2 源码安装 源码安装比较简单,直接把插件的源码放到sublime的插件文件夹下即可 sublime本身有绿色版的,所以插件文件夹可能会不固定 【Ctrl + `】或者【View】-->【Show...Console】打开控制台,然后通过【print(sublime.packages_path())】脚本即可打印插件根目录,如下: ?...2 插件的配置 一般在【Preferences】菜单会找到相应的插件 如果插件本身是可配置的就有,否则不会出现在该菜单上 sublime的配置分为两种:【Default】和【User】 【Default...那个就是指令的命令字,用脚本通过sublime的官方api来执行该命令字就可以执行插件了 5 寻找插件 5.1 Package Control Package Control自建了包管理系统,它里面有许多优秀的插件
本文主要记录我经常使用的sublime插件,持续更新中。...auto-save:自动保存修改的问文件 filediffs:文件diff工具 sidebarenhancements:边框功能增强,很有用的一个插件 gitgutter:配合git显示文件被修改后的标识...golangbuild:sublime的官方go编译 gotools:go语言工具整合 golang tools integration:go语言工具整合,自动格式化和调用goimports...,在上层目录找到本地包安装目录Installed Packages/,将下载的文件复制到该目录,重启sublime即可。...2 安装插件报错There are no packages available for installation 解决办法: Preferences -> Package Settings -> Package
领取专属 10元无门槛券
手把手带您无忧上云