首页 > 其他 > 详细

Sublime编辑器

时间:2018-05-30 17:18:33      阅读:225      评论:0      收藏:0      [点我收藏+]

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

   下载好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:技术分享图片

 

 

 

   

 

Sublime编辑器

原文:https://www.cnblogs.com/weixiaotong/p/9111860.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!