Sublime Text高效编码:Emmet快捷键与实用插件
需积分: 31 160 浏览量
更新于2024-09-10
收藏 3KB TXT 举报
"Sublime Text是一款强大的代码编辑器,它提供了许多快捷键和插件来提升编程效率。本文主要介绍了Sublime Text中的Emmet、Doc Blockr、自动格式调整、HTMLBeautify、Alignment、jslint、Bracket Highlighter、Prefixr、JsFormat、CSScomb、Color Pick等实用功能和快捷键。
一、Emmet
Emmet是Sublime Text中用于快速编写HTML和CSS的工具。通过输入简写,可以快速展开为完整的标签结构。例如:
1. 输入`!+ctrl+E`生成HTML基础代码。
2. `lorem`后按Tab键生成Lorem Ipsum文本。
3. `lorem4`生成不同级别的标题。
4. `shift+ctrl+g`用于在当前HTML代码基础上扩展缩写。
5. `ctrl+d`选择光标所在标签的内容,`ctrl+shift+d`则缩小选择范围。
6. 数字递增/递减快捷键:`ctrl+up/down`,`alt+up/down`,`ctrl+alt+up/down`。
7. `ctrl+/`用于添加或删除注释。
8. `ctrl+shift+u`在img或background-image标签上读取图片尺寸并添加。
9. 支持数学计算表达式,如`4*8`后按`ctrl+shift+y`得到结果。
10. 图片转换成data:URL模式:`ctrl+shift+l`。
11-20. 提供了多种Emmet语法,如后代、兄弟、上级、分组、乘法、自增符号、ID和类属性、自定义属性和文本插入等。
二、Doc Blockr
在JS函数上方输入`/`后按Tab键,自动创建文档注释块。
三、JsFormat
用于格式化JavaScript代码,选中代码后按`control+alt+f`。
四、HTMLBeautify
按`Control-Alt-Shift-F`快捷键对HTML代码进行美化。
五、Alignment
选中文本,按`ctrl + alt + a`对等号进行对齐。
六、jslint
打开JavaScript文件,使用`control+j`运行jsLint进行代码检查。
七、Bracket Highlighter
自动匹配括号、引号和HTML标签,辅助长代码编辑。安装后无需设置,自动生效。
八、Prefixr
跨浏览器CSS整理器,优化CSS代码。
九、JsFormat
快捷键`ctrl+alt+f`用于格式化JavaScript代码。
十、CSScomb
`ctrl+shift+c`对CSS属性进行排序。
十一、Color Pick
`ctrl+alt+c`选取颜色。
此外,还有一些常用的Sublime Text快捷键:
- `Ctrl+L`选择整行,持续按住可选择多行。
- `Ctrl+KK`删除光标至行尾的内容。
- `Ctrl+Shift+K`删除整行。
- `Ctrl+Shift+D`复制当前行并在其前插入。
- `Ctrl+J`合并已选择的多行。
- `Ctrl+KU`将选中内容转为大写。
- `Ctrl+KL`转为小写。
- `Ctrl+D`选择相同单词,按住可连续选择。
- `Ctrl+M`将光标移动到括号内开始或结束的位置。
- `Ctrl+Shift+M`选择括号内的内容。
- `Ctrl+/`注释整行,已选择内容时等同于`Ctrl+Shift+/`。
这些快捷键和插件大大提升了Sublime Text在编码时的效率,使开发者能够更加专注于代码编写,提高生产力。"
2018-06-21 上传
2017-12-27 上传
2023-07-29 上传
2023-08-19 上传
qingyejiazhu
- 粉丝: 0
- 资源: 4
最新资源
- 黑板风格计算机毕业答辩PPT模板下载
- CodeSandbox实现ListView快速创建指南
- Node.js脚本实现WXR文件到Postgres数据库帖子导入
- 清新简约创意三角毕业论文答辩PPT模板
- DISCORD-JS-CRUD:提升 Discord 机器人开发体验
- Node.js v4.3.2版本Linux ARM64平台运行时环境发布
- SQLight:C++11编写的轻量级MySQL客户端
- 计算机专业毕业论文答辩PPT模板
- Wireshark网络抓包工具的使用与数据包解析
- Wild Match Map: JavaScript中实现通配符映射与事件绑定
- 毕业答辩利器:蝶恋花毕业设计PPT模板
- Node.js深度解析:高性能Web服务器与实时应用构建
- 掌握深度图技术:游戏开发中的绚丽应用案例
- Dart语言的HTTP扩展包功能详解
- MoonMaker: 投资组合加固神器,助力$GME投资者登月
- 计算机毕业设计答辩PPT模板下载