(初学前端的内容,随笔作为个人的笔记,有各种问题欢迎讨论指教!)

   下载好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:

 

 

 

   

 

版权声明:本文为weixiaotong原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/weixiaotong/p/9111860.html