Sublime的使用技巧

1.快速编写HTML代码

(1)初始化文档

html:5或! 用于HTML5文档类型
html:xt 用于XHTML过渡文档类型
html:4s 用于HTML4文档类型

(2)快速添加类、id、文本和属性

ul.box#wrapper>li*3>a[href=#]{$}

<ul class="box" id="wrapper">
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
</ul>
(3)嵌套

> 子元素符号,表示嵌套的元素
+ 同级标签符号

(4)分组

(.foo>h1)+(.bar>h2)

<div class="foo">
    <h1></h1>
</div>
<div class="bar">
    <h2></h2>
</div>
(5)定义多个元素(*)
(6)定义多个带属性的元素

ul>li.item$@1*3 (下标从1到3)

<ul>
    <li class="item1"></li>
    <li class="item2"></li>
    <li class="item3"></li>
</ul>

2.CSS缩写

w100+h10p+m5e

div{
    width: 100px;
    height: 10%;
    margin: 5em;
}

3.模板

工具->新代码段:出现如下代码

<snippet>
    <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
</snippet>

Hello, ${1:this} is a ${2:snippet}.替换为自己经常使用的模板

<tabTrigger>hello</tabTrigger>注释打开,hello替换为自己设置的快捷键。使用时只需输入该字符串,按下Tab键即可

4.插件

1 ctrl+shift+p调出package control,
2 输入install package;
3 输入要安装的emmet,即可;

### Sublime Text 编辑器使用技巧 对于希望提升工作效率的开发者而言,掌握一些 Sublime Text 的实用技巧至关重要[^1]。以下是几个有助于提高效率的小贴士: #### 使用命令面板 通过快捷键 `Ctrl+Shift+P` (Windows/Linux) 或 `Cmd+Shift+P` (Mac),可以打开命令面板。该功能允许用户快速访问各种操作而无需手动导航菜单。 #### 自定义键盘快捷方式 可以根据个人喜好调整默认设置中的按键绑定文件来创建自定义快捷键组合。这不仅能够加速常用任务执行速度还可以减少手部移动距离从而减轻疲劳感。 ```json [ { "keys": ["ctrl+alt+n"], "command": "new_file" } ] ``` #### 安装插件扩展功能 除了基本的功能外,安装合适的插件可以使Sublime Text变得更加强大。例如 Package Control 插件可以帮助管理其他第三方包;SideBarEnhancements 则增强了侧边栏右键菜单选项等功能[^2]。 #### 多光标编辑模式 多选或多游标的特性让同时修改多个地方变得简单易行。只需按住 Alt 键并点击鼠标左键即可新增额外的选择区域,在处理重复代码片段时非常有用。 #### 文件切换优化 利用 Goto Anything 功能 (`Ctrl+P`) 可迅速定位项目内的任意文件或者特定函数定义位置。输入部分字符就能匹配相应资源名称完成跳转动作。 #### 主题与配色方案定制化 为了获得更好的视觉体验以及保护眼睛健康,可以选择不同的界面主题和语法高亮样式。社区提供了大量高质量的主题供下载应用。 #### 文本编码转换工具 当遇到不同平台间文本文件兼容性问题时,内置的“Convert to UTF8” 和 “Set Encoding…” 命令能有效解决乱码困扰。 #### 版本控制系统集成支持 借助 GitGutter 这样的插件可以在不离开编辑环境的情况下查看当前文档相对于仓库最新提交版本的变化情况,并轻松实现差异对比、暂存更改等SVN/Git相关操作。 #### 调试辅助组件 某些调试类插件如 Xdebug Client 支持PHP开发人员直接在 IDE 中启动远程调试会话,极大提高了排查错误的速度。 #### 代码自动补全机制增强 Snippets 是一种用于存储经常使用的代码段的方式,可以通过触发关键词即时插入预设模板内容到正在编写的地方去。另外还有All Autocomplete 插件提供更智能全面的提示服务。 #### 实现跨设备同步配置 如果经常要在多台电脑之间切换工作,则可考虑采用 SyncSettings 方案将个性化设定保存至云端以便随时恢复一致性的开发环境。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值