【个人笔记重点,不作为参考】主题:sublime工具
一、模块
1.删除多余空格
Trailing spaces : ctrl + shift + t (preferences -> keybindings 添加键位)
2.定义变量智能对齐
Alignment : Ctrl+Alt+A (一般'='对齐)
3.JsFormat
JsForma可以自动帮助你格式化JavaScript代码,形成一种通用的格式,比如对压缩、空格、换行的js代码进行整理,使得js代码结构清晰,易于观看。在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F),如果该热键被占用了,可以在Preferences→Key Bindings-User中配置: { "keys": ["ctrl+shift+alt+j"], "command": "js_format","context": [{"key": "selector", "operator": "equal", "operand": "source.js,source.json"}]},
4.Emmet
前端开发必备,Write
less , show more,使用Tab键触发。安装Emmet后,可以输入少量代码后摁Tab键,系统自动补全代码。
5.typescript
6.AutoFileName
快速列出你想引用的文件夹里面所有文件的名字,比如想引用test/img/1.png。只需要输入/img,该插件就会自动提示/img下面的所有文件名,如图
高亮显示[], (), {}, “”, ”, <tag></tag>符号,便于查看起始和结束标记。如图:
8.ColorPicker
调色板,需要输入颜色时,可直接选取颜色。使用快捷键ctrl+shift+c即可打开调色板。需要注意的是,这个快捷键可能会打不开调色板,原因是该快捷键被占用了,最直接的解决办法是直接在Preferences→Key Bindings-User中配置:“{ "keys": ["ctrl+shift+c"], "command": "color_pick"},”
9.sublimeCodeIntel
js智能提示,超级好用
10.
- AutoFileName:快速输入文件名
- MarkdownPreview:Markdown浏览器预览以及保持为网页
- Markdown Editing:良好的展现Markdown文本
- SideBarEnhancement:让侧栏能够新建、删除文件和文件夹
二、快捷键
1.游标与选取:
a.shift + 右键 + 移动鼠标
b.ctrl + d (选取单词,游标选取 ctrl + k 过渡游标)
c.Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。
2.全屏
a. F11:全屏
b.Shift+F11:全屏免打扰模式,只编辑当前文件
3.注释
a.Ctrl+Shift+/:当前位置插入注释
4.复制
a.ctrl + shift + d 复制行
5.替换
a.ctrl + h
6.搜索
a.ctrl + p 搜索文件,支持模糊匹配,@可查看css名称,或者js函数名称等。
b.ctrl + shift + p 打开命令框,可安装插件等。如:Package Controller:Install Package,之后输入安装的名字
7.新建文件
a.ctrl + N 新建文件
8.粘贴
a.ctrl + shift + v 格式不乱。