Sublime Text 3 插件安装大集合(下)

 

更多软件下载请到:

淘宝地址:https://shop145710529.taobao.com

1、SublimeTmpl能新建文件模板

注:现在在线安装搜不到SublimeTmpl,只能找到SublimeLinter-pyyaml安装这个就行了

一直都很奇怪为什么sublime text 3没有新建文件模板的功能,像html头部的DTD声明每次都要复制粘贴。用SublimeTmpl这款插件终于可以解脱了,SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板,所有的文件模板都在插件目录的templates文件夹里,可以自定义编辑文件模板。

SublimeTmpl默认的快捷键

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 

如果想要新建其他类型的文件模板的话,先自定义文件模板方在templates文件夹里,再分别打开Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings这四个文件照着里面的格式自定义想要新建的类型,这里就详细介绍了,请各位自己折腾哈~

2、 Trailing spaces高亮显示多余的空格和Tab

 

功能:检测并一键去除代码中多余的空格

简介:还在纠结代码中有多余的空格而显得代码不规范?或是有处女座情节?次插件帮你实现发现多余空格、一键删除空格、保存时自动删除多余空格,让你的代码规范清爽起来

使用:安装插件并重启,即可自动提示多余空格。一键删除多余空格:CTRL+SHITF+T(需配置),更多配置请点击标题。快捷键配置:在Preferences / Key Bindings – User加上代码(数组内)

 

3、Sublime​Code​Intel

 

 

Sublime​Code​Intel 是一个代码提示、补全插件,支持 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 自带代码提示功能的很好扩展。它还有一个功能就是跳转到变量、函数定义的地方,十分方便。

使用 Sublime​Code​Intel 之前你需要安装相应程序并把路径写入 ~/.codeintel/config 或project_root/.codeintel/config 中,ReadMe 中有详细的 说明,不再赘述。

十分不建议把 Sublime​Code​Intel 与其他单个语言的扩展 package 一同使用,虽然很多语言扩展 package 比 Sublime​Code​Intel 的代码提示功能要完善。如果需要一同使用,请在用户配置文件(菜单Preferences -> Package Settings -> Sublime​Code​Intel -> Settings - User 中加入下面的内容,并去掉要禁用的语言。

    "codeintel_enabled_languages":
    [
    "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"
    ],
    "codeintel_live_enabled_languages":
    [
    "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"
    ] 

4、代码排版插件HTML-CSS-JS Prettify

以前用的是什么TAG,CssComb和JSFormat,但是某一天发现这款集成prettify的插件后就一直没换过了,不要被插件的HTML迷惑,这是一款可以用于HTML,CSS,Javascript的集成排版插件,对html、css文件的美化不是非常满意,但还可以

Tips:安装完快捷键ctrl+shift+h 一键格式化代码

5、控制台呼出插件Terminal

用node,Grunt等等要调出控制台的娃知道的,简直神奇有木有,装上就能用。在Sublime中直接使用终端打开你的项目文件夹

Tips:快捷键 ctrl+shift+T呼出当前文件路径的控制台

 

6、CSScomb CSS属性排序

有时候看看自己写的CSS文件,会不会觉得属性很乱查找不易维护难?CSScomb可以按照一定的CSS属性排序规则,将杂乱无章的CSS属性进行重新排序。选中要排序的CSS代码,按Ctrl+Shift+C,即可对CSS属性重新排序了,代码从此简洁有序易维护,如果不款选代码则插件将排序文件中所有的CSS属性。当然,可以自己自定义CSS属性排序规则,打开插件目录里的CSScomb.sublime-settings文件,更改里面的CSS属性顺序就行了。因为这个插件使用PHP写的,要使他工作需要在环境变量中添加PHP的路径,具体请看github上的说明。

 

7、Autoprefixer插件

这是一款CSS3私有前缀自动补全插件该插件使用CanIUse资料库,能精准判断哪些属性需要什么前缀与CssComb插件一样,该插件也需要系统已安装Node.js环境

使用方法:在输入CSS3属性后(冒号前)按Tab键,如下图示

Autoprefixer插件使用示例

 

 

8、JSFormat

功能:Javascript的代码格式化插件

简介:很多网站的JS代码都进行了压缩,一行式的甚至混淆压缩,这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理,包括换行和缩进等等,是代码一目了然,更快读懂~

使用:在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F)

9、sublime-autoprefixer

功能:CSS添加私有前缀

简介:CSS还未标准化,所以要给各大浏览器一个前缀以解决兼容问题

使用:Ctrl+Shift+P,选择autoprefixer即可。需要安装node.js。

其他设置如快捷键请参考:https://sublime.wbond.net/packages/Autoprefixer

10、Git

功能:git管理

简介:插件基本上实现了git的所有功能

使用:https://github.com/kemayo/sublime-text-git/wiki

11、jQuery

功能:jQ函数提示

简介:快捷输入jQ函数,是偷懒的好方法

12、Nodejs

 

功能:node代码提示

教程:https://sublime.wbond.net/packages/Nodejs

 

13、Sublimerge Pro

 

把要比对文件拖拉到Sublime Text中,再把要比对的两文件选取起来,再按鼠标右键选择「Sublimerge/Compare Select Files」,接着就会开始进行比对,当有差异时,则会将文字进行高亮,当有新增或删除的,也会在左边的行数列中显示,因此有了这个比对插件后,当下回在写网页时,忘了修改那些时,不妨可用这只插件来作辅助。

alt+shift+数字即可分为相应数字的屏幕,一个就是alt+shift+1

教程:https://www.sublimerge.com/sm3/?from2x

  • 14、SideBarEnhancement 侧边栏增强插件
    必装插件,安装完该插件后,在侧边栏文件上右击即可看到效果

  • 15、SideBarFolders 项目列表插件
    如果需要打开多个项目文件夹,切经常在多个项目之间切换工作空间,可以安装SideBarFolders插件,该插件在在菜单栏多出一个Folders选项,点击可查看所有项目文件夹

更多软件下载请到:

淘宝地址:https://shop145710529.taobao.com

 
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答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的功能得到极大的扩展。以上只是介绍了一些常用的插件,还有很多其他的插件也值得一试。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值