【Sublime】常用的sublime text 3插件

转载自:http://www.cnblogs.com/qingkong/p/5039527.html?utm_source=tuicool&utm_medium=referral


个人比较懒,平时喜欢用webstorm,但是因为webstorm打开实在太慢了,并且太看设备,所以本人编辑简单的文件依然会选择使用sublime,虽然网上有很多关于此类插件的分享了,但是感觉都是片段,没有重点细致整理。

  今天休息,在这简单的分享下自己常用插件

  • All Autocomplete

  Sublime Text 默认的 Autocomplete 功能只考虑当前的文件,而 AllAutocomplete 插件会搜索所有打开的文件来寻找匹配的提示词。

  

 

  • SublimeCodeIntel

  一个全功能的 Sublime Text 代码自动完成引擎 ,本人做过对比,但是如果和webstorm的自动寻找还是稍逊一筹,不过对于大部分人来说够用了,能很方便跳到你想要的方法

  支持的语言挺多的(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.)

  • CTags

  实在方法跳转,跳转到你方法

  之后在win7下或者linux下安装ctags软件

  1.   打开ctags插件包的use-setting配置"command": "d:/IDE/ctags58/ctags.exe"这个路径是下载ctags的安装路径
  2. 这个插件能跨文件跳转,跳转到指定函数声明的地方(ctrl+alt+左键)。 使用package control 搜索ctags 进行安装(安装ctags插件就可以了, 还有一个 CTags for PHP 插件没什么用),注意安装好插件后要需要安装ctags命令。window 下载 ctags.exe  http://vdisk.weibo.com/s/7QZd7 。 将ctags.exe文件放在一个环境变量能访问到的地方。打开cmd, 输入ctags,如果有这个命令,证明成功了。ubuntu下安装运行命令:sudo apt-get install exuberant-ctags 。然后在sublime项目文件夹右键, 会出       现Ctag:Rebuild Tags 的菜单。点击它,然后会生成.tags的文件 然后在你代码中, 光标放在某个函数上, 点击 就可以跳转到函数声明的地方。
  • AutoFileName

  快速帮助你在文件中写路径整体来说还不错

  • Autoprefixer

  这个插件主要应用css的浏览器兼容书写,自动分析你的css文件,解析出新的css文件,可以配置你要兼容的浏览器,不过这个插件要在之前安装nodejs

  • BracketHighlighter

  配置文件的高亮设置,让你的代码有不同的颜色区分该插件提供配对标签,或大括号或字符引号的配对高亮显示,算是对系统高亮的加强吧。 

  • BufferScroll

  你可以轻松书写一个文件多个位置了

  • ChineseLocalization

  各国语言包,小日本的都有哦

  

  • Color Highlighter

  颜色功能还是很爽的,找了好久

  • CSS Comments

该有的都有,不该有的也有了

  • CSS Format

  css序列化插件,支持默认多种序列方案,还可以自己配置自己喜欢的

  • CSS3

css3语言提示插件,本来不想写的,也不是什么特别的,但是可能会有人用到

  • DocBlockr

  DocBlocker 是在Sublime平台上开发一款自动补全代码插件,支持JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Apex, Groovy, Objective C, C, C++ and Rust.等众多语言

  • Emmet

Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度

  

  • HTML-CSS-JS Prettify

  全能序列化

  • JavaScript Completions

  js最基本的api快查片段

  • JsFormat

  js序列化,能排在下载插件前25位,好的话就不用说了

  • Keymaps

  快速查找所有插件的快捷键

  • LiveStyle

  LiveStyle是Chrome中提高开发效率的一款CSS编辑器插件。利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发,一次配置,简单易用!,并且最近支持less,scss

  你本地css文件可以和浏览器的css文件映射,同步到本地,但是必须在chrome上运行,chrome必须安装相应的插件

  

  • Pretty JSON

JSON,一個輕量級的資料交換語言,目前許多網站AJAX request的回應結果都是JSON格式

  • SideBarEnhancements

  增强右键菜单文件操作功能

  

  • SublimeLinter

  代码校验插件,支持多种语言,这个是主插件,如果想检测特定的文件需要单独下载

  • SublimeLinter-jshint

  这个就是单独的插件,上面的一个分支

  • SublimeTmpl

  创建常用文件初始模板,必须html,css,js模板

  • Tag

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

  • Alignment

  代码对齐

  • PackageResourceViewer

  通过这个特殊的插件,会给你查看和编辑SublimeText附带的不同的包带来很多方便。您也可以提取任何给定的包。这一行动将其复制到用户文件夹,以便您可以安全地对其进行编辑。

  很多人苦恼不能修改左侧导航面板字体大小,用这个可以轻松办到

  安装PackageResourceViewer 快捷键 ⌘(command)+⇧(shift)+P 打开 Command Palette 输入 Package Control:Install 回车,等待加载package列表 搜索并安装 PackageResourceViewer 包

  最后,使用PackageResourceViewer打开Theme文件进行编辑 快捷键 ⌘(command)+⇧(shift)+P 打开 Command Palette 输入 PackageResourceViewer: Open Resource 回车,打开包列表 选择 Theme - Default,再选择 Default.sublimt-theme 搜索   sidebar_label,在 "class": "sidebar_label" 后边加一行:"font.size": 18,将字体大小设置为18,保存。 好啦,大功告成!

  如果觉得行间距太小,可以往上找下,有个class:"sidebartree",调一下里边的rowpadding配置即可。

  

  • Themr

  sublime可以下载很多风格样式,用这个插件可以管理所有的风格

  这些就是我们大部分要用到的,其它的我就不细说了,因为每个人不一样,比如说git,sass,svn这些你们可以自己查找

  插件的网址如下,你可以找到你喜欢的插件

  https://packagecontrol.io/browse

  最近出现sublime:3103版本好多没有激活码

  今天在这补充下文章

—– BEGIN LICENSE —–
Michael Barnes
Single User License
EA7E-821385
8A353C41 872A0D5C DF9B2950 AFF6F667
C458EA6D 8EA3C286 98D1D650 131A97AB
AA919AEC EF20E143 B361B1E7 4C8B7F04
B085E65E 2F5F5360 8489D422 FB8FC1AA
93F6323C FD7F7544 3F39C318 D95E6480
FCCC7561 8A4A1741 68FA4223 ADCEDE07
200C25BE DBBC4855 C4CFB774 C5EC138C
0FEC1CEF D9DCECEC D3A5DAD1 01316C36
—— END LICENSE ——
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值