sublime text 一些常用插件

  1. A File Icon

功能:美化文件前面的图标。

  1. Auto Close HTML Tags

功能:写HTML代码时,自动补全闭合标签

  1. ConverToUTF8

功能:GBK编码兼容。就是可以打开GBK编码的文件。

使用:这个打开旧代码会有用处

  1. Alignment  

功能:代码对齐,可配置,默认对齐 “=” 号

使用:如写几个变量,选中这几行,快捷键 Ctrl + Alt + A 就会对齐,可配置快捷键

  1. JSFormat

功能:JS代码格式化插件

使用:快捷键 Ctrl + Alt + f 可以格式化选中的js 代码

  1. SublimeLinter

功能:代码检查,及时提示编写代码中存在的不规范和错误的写法,并培养我们良好的编码习惯和风格

  1. Emmet

功能:前端插件,快速编写 html + css

使用:输入简写形式,然后按 Tab 键。详见文档

Cheat Sheet

  1. HTML5

功能:支持html5 规范的插件包,与 Emmet 插件配合使用,效果更好

使用:新建html文档 > 输入 html5 > 敲击Tab 键 > 自动补全html5规范文档

  1. BracketHighlighter

功能:代码匹配,可以匹配括号,引号等符号内的范围

使用:点击某个标签或括号之类,会高亮显示出另一个标签或括号所在的位置

  1. DocBlockr

功能:注释插件,生成优美的注释

使用:输入  /*  回车 创建一个代码块注释

输入  /**  回车 会自动查找函数中的形参并生成JSDoc 格式的注释

  1. Ctags

功能:就是函数的跟踪跳转,在阅读别人的代码的时候轻松的浏览原函数,

使用:1:下载 ctags.exe 文件,

2配置 ctags.exe 文件路径

3配置快捷键 

Command

Key Binding

Rebuild_ctags  -创建Ctags索引

Ctrl +t ctrl+r  组合键

Navigate_to_definition - 跳转到函数定义

Ctrl +t ctrl+t

Jump_back     - 跳回

Ctrl +t ctrl+b

Jump_back_to_last_modification  -跳转到上次修改处

Ctrl +t ctrl+m

Show_symbols  - 按函数索引查找

Alt+s

  1. FileDiffs

功能:比较当前文件与选中的代码、剪切板中代码、另一文件、未保存文件之间的差别。可配置为显示差别在外部比较工具,精确到行。

使用:右键标签页,出现FileDiffs Menu或者Diff with Tab…选择对应文件比较即可

  1. Git

功能:git 命令工具

使用: 按下Ctr+Shift+P快捷键,打开命令窗口,输入Git:add,选择Git:Add Current File,将文件放入缓存区

按下Ctr+Shift+P快捷键,打开命令窗口输入Git:commit,此时会打开一个文本文档,让你在文档的第一行填写提交备注,填写后,关闭文档,完成提交,相当于 git commit -m “comments”.

同样打开命令窗口,执行Git:Push命令,到此新建的文件就背推送到了远程分支上。

  1. GitGutter

功能:git 提交代码差异查看,如果你正在使用Git, Git Gutter是一个推荐安装的Sublime Text插件。GitGutter将在gutter区域显示一个标记,标记任何你在代码中做的编辑,添加或删除。这是一个有用的功能,可以即时看到你的代码版本和你的Commit,branch或Head repository的比较。

使用:

  1. Goto Usage
  2. Package Control

插件管理插件

  1. Pretty JSON

功能:格式化 json 格式

  1. Sublime Files
  2. Tagify

标签匹配,HTML/XML标签缩进、补全和校验

  1. TortoiseSVN

功能:在sublime里面安装svn的插件,就可以在sublime的操作界面里面进行相关svn操作,这样就不用再回到文件系统中,进行相关svn的操作。

使用:Alt+C  提交文件 Alt+U  更新文件 Alt+R  恢复文件

  1. Xdebug Client

  1. AutoFileName

功能:自动完成文件名的输入

使用:输入 “/”即可看到相对于本项目文件夹的其他文件,可供选择

  1. ChineseLoremlpsum

功能:中文设置,汉化插件

  1. ChineseLocalizations

功能:中文设置,汉化插件

  1. FindResultsBufferUtils

功能:它添加了一些键,允许用户将焦点切换到和关闭Find Results缓冲区,并跳转到当前结果的第一个和最后一个。需要注意的是,关闭缓冲区是在活动缓冲区没有失去焦点的情况下执行的。

虽然这些都是简单的任务,不需要太多时间,但我发现这个插件非常有用,它已经成为我使用 Sublime 强大的在文件中查找(使用缓冲区)功能不可或缺的一部分。

  1. Theme - SoDaReloaded
  2. HTML-CSS-JS Prettify

功能:HTML、CSS、JS格式化。

使用:默认快捷键:Ctrl+Shift+H。

  1. SFTP

功能:ftp ,自动上传服务器,下载代码工具

  1. IMESupport

功能:输入中文时,选词面板会随着鼠标的光标在其下面,方便书写和选词

  1. Autoprefixer

功能:有时候在写css样式的时候,分不清哪些属性需要前缀,哪些不需要,总是爱搞混淆了,于是autoprefixer这款插件便应运而生了。虽然在使用webpack的时候,我们可以很方便的使用这个,但是,如果项目比较小,或者是单纯的写几个页面,不想用webpack的时候,我们就可以在sublime text这款编辑器下安装autoprefixer这款插件了

  1. SublimeCodeIntel

功能:代码提示和补全插件,支持跳转到变量、函数定义的功能

使用:

  • 3
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Sublime Text 3 增强版:1) 完全被汉化破解; 2) 解决sublime中文乱码问题; 3) 已经安装了下列插件,这些插件将使得您编写HTML、CSS、JavaScript、jQuery如虎添翼: 4) 调整了软件的新建文档默认语法为html5)皮肤主题: 1、Spacegra 2、Numix 3、Brogrammer-------------------------------------------- 在Sublime的基础上增加了部分功能: 1、 新建文件模板(支持html、html5、css、js、php等) 2、 快速生成html文档 3、 设置默认浏览器打开 4、 sublime右键浏览器打开 5、 系统鼠标右键以sublime打开文件 6、 侧边栏右键功能加强 7、 语法加亮 8、 Javsscript和jquery智能提示 9、 HTML代码格式化 10、CSS代码格式化 11、emmet快速书写代码 12、支持转换多种编码 13、增强创建文件 默认快捷键 ctrl+alt+N 14、自动补全文件(目录)名 15、背景显示CSS 英文和16进制颜色 16、生成注释模板 17、集成了强大的调色盘 18、代码错误提示 19、支持Javascript、JQuery、Bootstrap、HTML5标签属性提示 20、快捷刪除不必要的空白 21、压缩css代码 快捷键:Ctrl+Shift+Alt+M 22、压缩js代码 快捷键:Ctrl+Shift+Alt+M 23、代码格式的自动对齐 24、高亮显示多余的空格和Tab 25、文件对比 26、迅捷面板快速选择主题 27、增强Sublime针对CSS的错误高亮 28、CSS3 私有前缀自动补全插件(需要安装nodejs) 29、右键快速新建任何语言格式文件 30、可以在状态栏显示出当前光标处于哪个函数中 31、配合Chrome 浏览器实现高效可视化开发,无刷新同步修改预览 32、加入了HTML5元素提示 33、安装了bootstrap 34、支持移动开发框架jquery mobile 35、在状态栏显示系统时间 36、在状态栏显示最后修改时间,编码,文件大小等 37、单词量实时计算,在状态栏显示 38、支持多种编码保存
### 回答1: Sublime Text 3常用插件安装方法如下: 1. 打开Sublime Text 3,点击菜单栏中的“Preferences”(偏好设置)选项,然后选择“Package Control”(插件控制器)。 2. 在弹出的窗口中,选择“Install Package”(安装插件)选项。 3. 在搜索框中输入你想要安装的插件名称,然后点击搜索按钮。 4. 在搜索结果中选择你想要安装的插件,然后点击安装按钮。 5. 安装完成后,你可以在Sublime Text 3的菜单栏中找到新安装的插件,并使用它们来提高你的编程效率。 常用Sublime Text 3插件包括:Emmet、SublimeLinter、Git、MarkdownEditing、ColorPicker等。 ### 回答2: Sublime Text 3 是一款非常流行的文本编辑器,它的可扩展性和自定义性非常强,提供了许多强大的插件功能,可以满足不同开发者的需求。在这里,我们将会介绍如何在 Sublime Text 3 中安装常用插件。 首先,我们需要使用 Package Control 这个插件来管理 Sublime Text 3 的插件。如果你还没有安装 Package Control 插件,可以按照以下步骤进行安装: 1. 打开 Sublime Text 3 2. 按下 Ctrl + ` 或者点击 View -> Show Console 打开控制台 3. 复制以下代码粘贴到控制台中并回车: ``` import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) ``` 4. 安装完成后,重新启动 Sublime Text 3 接下来,我们可以通过 Package Control 来搜索并安装常用插件。在 Sublime Text 3 中使用 Package Control 的步骤如下: 1. 按下 Ctrl + Shift + P 或者点击 Preferences -> Package Control 打开 Package Control 菜单 2. 输入 Install Package 并回车,等待 Package Control 进行加载 3. 输入你想要搜索的插件名称并回车,例如 Emmet、SublimeLinter、AutoFileName 等 完成插件安装后,我们可以在 Sublime Text 3 中启用或者禁用这些插件。以 Emmet 插件为例,启用步骤如下: 1. 按下 Ctrl + Shift + P 或者点击 Preferences -> Package Settings -> Emmet -> Settings 从 Package Settings 菜单中打开 Emmet 配置文件 2. 将 "disable": true 修改为 "disable": false 保存配置文件并关闭 通过以上步骤,我们可以轻松安装和启用常用插件,并为 Sublime Text 3 带来更强大的功能。 ### 回答3: Sublime Text3是一款通用文本编辑器,它提供了大量的插件来增强其功能。下面将介绍一些SublimeText3 常用插件的安装方法和简单的使用介绍。 1. Package Control Package Control是Sublime Text3 中非常流行的插件管理工具。使用它可以方便的安装和升级其他插件。要安装Package Control,请到该官网的页面上下载安装包。下载后,选中Sublime Text3中的视图(View)选项,点击Show Console,复制下面代码并回车: import urllib.request,os,hashlib; h = 'df21e130daba809182b4173efeb9c6ba' + '8d5e9aaf621d60aec8026aeda' + 'e880f7d0b6eda156f9214d8b' + 'ce53b7bfb922dddf699981808' + '848e8ca7d8d40e'.upper(); pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) 复制完成后,就可以开始使用Package Control了。 2. Emmet Emmet是一个为HTML、CSS、XML和XSL代码编写提供快速缩写的插件。在Sublime Text3中输入HTML片段时,可以使用Emmet自动扩展。要安装Emmet,请在Package Control中查找Emmet,然后点击Install进行安装。 3. Sublime Linter Sublime Linter是一款用于检查代码错误的插件。它使用多种语言检测器(例如JSHint,JSXHint,ESLint)检查代码,查找错误和警告。要安装Sublime Linter,请在Package Control中查找Sublime Linter,并点击Install进行安装。 4. Side Bar Enhancements Side Bar Enhancements是一款增强Sublime Text侧边栏功能的插件。使用它可以添加更多右键菜单选项,包括打开文件夹、将文件夹添加到项目中、打开终端、重命名、删除等。要安装Side Bar Enhancements,请在Package Control中查找Side Bar Enhancements,并点击Install进行安装。 总之,Sublime Text3插件的安装非常简单,使用插件可以使Sublime Text3的功能得到极大的扩展。以上只是介绍了一些常用插件,还有很多其他的插件也值得一试。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值