我一直在用的代码编辑器是sublime text,然后总结了一些相关的操作方法。
一 环境操作
1.放大显示比例:Ctrl+
2.缩小显示比例:Ctrl-
3.分屏:Alt+ Shift +数字 例如:Alt+ Shift +2 表示分成两屏
4.选择一个单词:Ctrl+D 选择一行:Ctrl+L 选择全部文本内容:Ctrl+A
5.多处选择:按下Ctrl键,进行多次单击,光标定位在多个位置,同时可以进行编辑。
6.代码的缩进:选中,Ctrl+】(向右缩进);Ctrl+【(向左凸起)
7.浏览网页:右键在空白处单击,选择在浏览器中打开。
二 Html的基本操作
1.新建一个文件:Ctrl+N
2.保存:Ctrl+S
3.形成基本的html5标准的文件结构:英文状态下的叹号+Tab 或者Ctrl+E
4.撤销:Ctrl+Z
5.注释:选择需要生成的代码+Ctrl /
6.撤销注释:Ctrl+Shift+/
7.标签属性的增加
例如:P{在里面输入段落内容} 按Ctrl+E扩展 这样段落的内容就自动被加在P标签内
8.标签的属性与它取值的添加 :输入标签的名字,输入方括号,在方括号里面添加标签的属性的名字,一个等号(赋值符号), 后面给属性 一个取值,再按Ctrl+E 扩展 。
例如: img[src=01.jpg] 按Ctrl+E 扩展
9.标签的嵌套:输入标签的名字,在这个段落里面有一段文字单独给样式,在P标签下添加Span标签,其中P标签是上一级标签,Span是下一级标签, 按Ctrl+E 扩展
例如:P>Span 扩展后P标签完全包含Span标签
10.同级标签的添加:使用加号添加
例如:一个段落里面,既添加了图片,又添加了一个超链接
如下: img+a 按Ctrl+E扩展
11.标签的分组:当有多级标签时,可以用小括号()进行分组
例如:(div>p)+(div>img) 按Ctrl+E扩展
12.快速生成多个元素:已无序列表为例
例如:ul>li*3 按Ctrl+E扩展
13.快速生成文本内容:
⑴.输入lorem扩展(Ctrl+E),会自动生成一个段落文本。
⑵输入lorem后面带一个数字,扩展(Ctrl+E)。如:输入lorem4扩展(Ctrl+E),就会自动生成一个4个单词构成的文本。
以上就是有关sublime text编辑器的一些基本操作,希望可以有所帮助。