Sublime编辑器
(初学前端的内容,随笔作为个人的笔记,有各种问题欢迎讨论指教!)
下载好Sublime Text3
- 调出命令板:Ctrl+Shift+P,输入install,等待一会输入想要安装的插件就可以自动下载;开启Vim编辑器;
- VI编辑器:1、命令模式(command):应是默认模式; 2、插入模式(命令模式下按i;返回命令模式按Esc); 3、末行模式:用于保存(命令模式下输入:进入末行模式;:w为保存)
- Sublime中从命令模式——插入模式:1)i 插入模式的光标在当前字符前; 2)I 光标在行首; 3)a 在当前字符后;4)A 行末 5)s 删除当前字符; 6)S 删除当前行; 7)o 在下一行(新打开一行); 8)O 上一行(上面新打开一行);
-
VI编辑器中命令模式中的命令:
一般常用操作:【h】光标左移一个字符;【j】光标下移一个字符; 【k】上移;【l】 右移; 【dd】删除一行,剪切一 行; 【ndd】删除n行; 【p】粘贴到下一行(前提下一行有空行); 【P】粘贴到上一行; 【yy】 复制光标所在的那一行; 【nyy】复制光标所在的向下n行; 【G】最后一行(行首);【nG】第n行;【u】撤消;【ctrl+y】恢复; 【r】单字符替换; 【dG】从当前行删到最后一行;【ndG】从当期按行删到第n行; 【dw】删一个单词; 【d^】从当前字符删到行首; 【d$】从当前字符删到行末; 【/hello】查找hello单词,查找多个n键(next); 【v】按v,在按上下左右视图选中,快速缩进(tab右;Shift+Tab左); 【x】删除当前字符; 【nx】删除n个字符;
- VI 编辑器中的末行模式命令:1)【:wq】保存退出=【:x】; 2)【:q】什么都没做退出; 3)【:q!】不保存退出; 4)【:%s/hello/world/g】 用world替换hello ,其中%s:第一行至最后一行字符串、g:逐行替换; 5)【:w】保存 ; 6)【:1,10s/hello/world/g】从第1行到第10行逐行替换,用world替换hello;
- emmet插件的使用:(新建一个index.html的文本文档,用sublime打开,输入!+Tab,出现一段代码则有emmet插件,否则需要安装) 如图:
1)!+Tab:将html补全结构/代码段(如上图);
2)html>(head>title)+body >为嵌套;+为平级
3)h1{$}*5,按Tab 出现5行<h1></h1>
按tab:
4).header 将类(class)加上背景颜色(右键用浏览器打开);
按tab:
5)上条中.header前可加东西,如h1.haoren:
按Tab:
6)#main 生成id 如图:
按Tab:
7)上条中 #main前可加东西,如h1#haoren:
按Tab: