sublime text 编辑器的操作

时间:2023-12-16 15:45:26

我一直在用的代码编辑器是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编辑器的一些基本操作,希望可以有所帮助。