sublime各种插件

本文介绍了Sublime Text的各种增强功能,包括如何安装和使用Package Control来管理插件,推荐了如Emmet、DocBlockr等实用插件,以及调整风格和图标的方法。此外,还详细讲解了LESS的编译配置,提供了快捷键操作,如快速查找函数、跳转和多屏编辑,以提高开发效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

介绍

Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim

Sublime Text具有漂亮的用户界面和强大的功能,并且是一个跨平台的编辑器,同时支持WindowsLinuxMac OS X等操作系统。

登录官网下载 https://www.sublimetext.com/

package control

增加sublime安装插件的功能package control:(新版sublime 3 已经内置不需要执行了)

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

插件网站:https://packagecontrol.io/

操作步骤

  1. 以下内容基于已经你已经在你的SublimeText中安装了package control
  2. 通过快捷键组合ctrl+shift+P唤出命令面板
  3. 在面板中输入“install package”后回车
  4. 接着输入插件名称如:“emmet” 回车即可(观察状态栏进度,晃动的等号)

风格

风格包网站: https://packagecontrol.io](https://packagecontrol.io/)

风格包: Spacegray:

https://packagecontrol.io/packages/Theme%20-%20Spacegray
  1. Preferences ” color scheme “theme-spacegray
  2. Preferences-> setting 中设置以下
"theme": "Spacegray.sublime-theme",
"color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme"

图标

包地址:https://github.com/ihodev/a-file-icon

安装方式:

  1. Open Command Palette using menu item Tools → Command Palette...
  2. Choose Package Control: Install Package
  3. Find A File Icon and hit Enter

插件

  1. emmet:快速编写html/css https://docs.emmet.io
  2. docblockr:代码注释提示插件 https://packagecontrol.io/packages/DocBlockr
  3. sideBarEnhancements :扩展左侧面板 https://packagecontrol.io/packages/SideBarEnhancements
  4. SideBarTools:扩展左侧面板 https://packagecontrol.io/packages/SideBarTools
  5. AdvancedNewFile:快速创建文件 ,使用ctrl+alt+n就可以快速创建文件
  6. Local History:本地历史记录 https://packagecontrol.io/packages/Local%20History
  7. Laravel 5 Artisan:laravel命令行插件 https://packagecontrol.io/packages/Laravel%205%20Artisan 按 ctrol+shift+p 搜索并执行命令
  8. Laravel 5 Snippets:laravel代码片段 https://packagecontrol.io/packages/Laravel%205%20Snippets

LESS

安装 node https://nodejs.org/zh-cn/

编译环境

npm install -g less@2.7.3
npm install -g less-plugin-clean-css
npm install -g less-plugin-autoprefix

mac linux 系统使用sudu安装

设置好之后,在命令行中输入lessc,如果有如下提示则表示设置成功:

C:\Users\hdxj->lessc
lessc.wsf: no input files
Usage:
Single file: cscript //nologo lessc.wsf input.less [output.css] [-compre
Directory:   cscript //nologo lessc.wsf inputdir outputdir [-compress]

插件

sublime需要安装两个插件一个是编译less文件,一个是语法高亮

  1. https://packagecontrol.io/packages/Less2Css
  2. https://packagecontrol.io/packages/LESS

这时可以在Sublime Text 中打开或者新建一个less文件,按下Ctrl+S保存,此时应该会在less文件的相同目录下生成同名的css文件。

格式化

首先通过以下路径打开用户按键绑定文件:

Preferences → Key Bindings – User

然后在其中添加以下代码(如果你有需要的话,其中的快捷键组合是可以自己定义的):

[
//格式化代码,single_line参数删除时,格式化只影响当前光标所在行
{"keys": ["ctrl+alt+l"], "command": "reindent" , "args": {"single_line": false}}
]

函数

快速查找

默认情况下,Sublime Text支持函数快速查找,按Ctrl+Shift+R打开查找面板,就可以快速定位函数所在的文件,如果安装了emmet插件将会失效,我们需要做以下操作进行修复。

编辑 emmet插件配置项:

{"disabled_keymap_actions": "reflect_css_value"}
函数跟踪

鼠标移动到函数上面,会自动显示方法的文件列表。或按 f12 键显示函数的文件列表

快捷键

使用快捷键可以显著提高开发效率,所以还是有必要掌握的。

  1. 搜索文件:ctrl+p 输入文件名
  2. 搜索函数/方法:ctrl+p 输入“文件名@方法名” 如 User@show
  3. 跳转到指定行:ctrl+p 输入文件名:行号,只输入: 时在当前文件跳转
  4. 查找当前文件方法:ctrl+r
  5. 返回/前进编辑位置:Alt + -、Alt + Shift + -
  6. 切换标签页:Ctrl + PgUp、Ctrl + PgDn
  7. 选中单词:Ctrl + D 连续按会选中页面中所有单词,以实现批量编辑
  8. 以单词为单位快速移动光标:Ctrl + ←、Ctrl + →
  9. 选中当前行:Ctrl + L
  10. 跳转到第几行:Ctrl+G
  11. 跳转到对应括号:Ctrl+M
  12. 开关侧栏:Ctrl+K+B
  13. 选中当前括号内容,重复可选着括号本身:Ctrl+Shift+M
  14. 注释当前html标签块:Ctrl+Shift+/
  15. 专注编写模式:Shift+F11
  16. 分屏显示:Alt+Shift+数字
  17. Ctrl+Enter 在下一行插入新行。举个栗子:即使光标不在行尾,也能快速向下插入一行。
  18. Ctrl+Shift+Enter 在上一行插入新行。举个栗子:即使光标不在行首,也能快速向上插入一行。
  19. Ctrl+Shift+[ 选中代码,按下快捷键,折叠代码。
  20. Ctrl+Shift+] 选中代码,按下快捷键,展开代码。

sublime 在 iterm中命令行打开

sudo ln -s /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl /usr/local/bin/subl
当初装sublime的时候在csdn上没找到比较好的插件合集 费了一点功夫自己整合了一下 该集合包括了多种常用插件emmet jsFormat git相关 以及css和php js jquery html5等语言的支持增强插件等 已安装utf8和gbk插件 完美支持中文输入 包含codeIntel和cTags Filediff 侧边栏增强等一系列插件方便开发使用 此外收集了网上的5套主题 多达40几种配色方案 支持自定义外观 默认主题为扁平化flatland 预览:http://lucifr.com/2013/04/12/flatland-theme-for-sublime-text-2/ 请阅读链接中的主题替换方法 以便之后完整替换主题 安装方法: 1.sublime text3版本: 打开sublime text3 依次点击工具栏中的preference->browse packages 到一个类似C:\Users\Adiministor\AppData\Roaming\Sublime Text 3\Packages 的目录 转到向上一级 C:\Users\Adiministor\AppData\Roaming\Sublime Text 3 下 把压缩包中的4个文件夹解压到这个路径覆盖即可 若有自己已定义的内容请先备份 之后再把自己的东西覆盖回去 2.sublime text2版本: 测试过sublime text2 同样通过上述方法可以到相应的路径中 (可能是C:\Users\Adiministor\AppData\Roaming\Sublime Text 2) 然后把压缩包中文件夹解压到C:\Users\Adiministor\AppData\Roaming\Sublime Text 2覆盖 接下来 最重要的一步!! 是到 C:\Users\Adiministor\AppData\Roaming\Sublime Text 2\Packages\User 这个路径下 把Default (Windows).sublime-keymap这个文件的内容全部删掉 或者只保留[]这两个符号 (这里面定义了一些系统默认快捷键 可能是sublime text2只支持32位? 如果不删除的话会导致st2无法启动) 我还是很懒的 喜欢把一些插件集合起来用 但是具体还是要看个人的需求吧 通过package control有太多的插件可供安装 希望这个插件集合能给大家带来一点小便利 方便刚装sublime text的用户哈
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值