为了账号安全,请及时绑定邮箱和手机立即绑定

前端开发工具技巧介绍—Sublime篇

难度入门
时长 1小时 0分
学习人数
综合评分9.70
730人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 多行游标的几种使用方式:

    1,find+replace;ctrl H

    2,快捷键ctrl+D,选择下一个已选择的相同元素,ctrl+K,可以跳过

    3,全选,生成多行游标

    4,shift+鼠标右键

    查看全部
  • 服务器响应快捷键:alt ctrl r

    用于后端get请求

    查看全部
  • 带格式粘贴;ctrl shift V

    alt+f3全选通项目

    emmet:!+ctrl e   ;   ul>.item$*10+ctrl e

    快速闭合标记,close tag,alt+.

    命令模式:CTRL shift P

    查看全部
  • POST请求测试地址

    POST http://posttestserver.com/post.php
    Content-type: application/x-www-form-urlencoded
    POST_BODY:
    variable1=avalue&variable2=1234&variable3=anothervalue

    查看全部
  • 快捷代码书写

    查看全部
  • 多行游标:按住shift,拖动鼠标即可。

    查看全部
  • 多行游标操作:选择一个单词,按alt+f3,就能全选代码页中的相同单词。

    查看全部
  • Ctrl+H 寻找,代替

    Ctrl+D 多选选择

    Ctrl+K->D多选跳过

    Ctrl+A,Ctrl+Shift+L  多行全选

    Shift+鼠标右键  下拉选择游标范围

    Alt+F3 多行全选

    查看全部
  • Sublime Text 综合技巧运用

    1、输入! , Ctrl + E 进入HTML编辑模式

         1> Ctrl + P 导航栏输入#,搜索HTML标签

         2> Ctrl + P 导航栏输入@,搜索CSS标签


    2、Ctrl + Enter 光标所在行下面一行直接插入新行

         Ctrl + shift + Enter 在光标所在行上面一行直接插入新行


    3、Ctrl + E 万能扩展简写

         ul>.item$*5     //$表示序号,$*5 则表示序号乘以5,五个序列号

         Ctrl + E 展开上面简写。如下:

         <ul>

        <li class="item1"></li>

        <li class="item2"></li>

        <li class="item3"></li>

        <li class="item4"></li>

        <li class="item5"></li>

         </ul>


         h2{this is title}

         Ctrl + E 展开上面简写。如下:

         <h2>this is title</h2>


         script 

         Ctrl + E 展开上面简写。如下:

         <script></script>


    4、Ctrl + [   向左缩进

         Ctrl + ]   向右缩进


    查看全部
  • 1、Ctrl + H :查找替换
    2、Ctrl + D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词)

    3、Ctrl + K    Ctrl + D 跳过当前选择,选择下一个

    4、Ctrl + shift + D:复制并换行粘贴游标所在行

    5、Alt + F3:选择所有与游标所在单词相同的单词

    6、按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标

    7、Ctrl + a 全选,然后再 Ctrl + shift + l 在所有选中行产生游标

    8、Ctrl + shift + 鼠标右键 自定义多行游标


    查看全部
  • ****************Go to Anyting功能******************* 

    用法: 快捷键:Ctrl+P ---> 在输入框中输入,支持模糊匹配 

    1. 用@符号定位到函数或css选择器

    2.  用:号定位到某一行

    3. 用#定位到标签

    4.  配合 Ctrl+回车 (在下面插入一行)

    5. 配合 Ctrl+shift+回车 (在上面插入一行)

    6.  配合复制/粘贴等在不同文件copy代码

    7. 粘贴用 Ctrl+Shift+V (保留缩进格式)

    切换语言类型:  

    1. 快捷键为 Ctrl+Shift+P ---> 输入 set syntax:语言类型

    2.  支持模糊匹配和记忆输入



    查看全部
    1 采集 收起 来源:Goto Anything

    2018-05-02

  • 1.ctrl+shirt+enter 在当前上方添加一行
    2.ul>.item$*10{content})+(ctrl+E) > 号生成子元素 ,$ 产生序号,{ }产生内容
    3.Ctrl+] 增加缩进 [ 减小缩进。
    4.alt+f3 全选,可以选中一部分再选择所有有该部分的元素。如 >< 标签之间的两个符号
    5.ctrl+shift+v 保持缩进粘贴

    查看全部
  • 1、Ctrl+H :查找替换
    2、Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词)
    3、Ctrl+K Ctrl+D 跳过当前选择,选择下一个
    4、Ctrl+shirt+D:复制游标所在行
    5、Alt+F3:选择所有与游标所在单词相同的单词
    6、按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标

    查看全部
  • 快速选择

    查看全部
    0 采集 收起 来源:Goto Anything

    2018-04-13

  • ctrl+p 调出goto anything :查找文件 view/indexhtml

    文件内查找选择器 @ 改变文件类型(语法模式) ctrl+shift+p
    查看全部
    1 采集 收起 来源:Goto Anything

    2018-04-13

举报

0/150
提交
取消
课程须知
1.具有前端开发经验; 2.对HTML+CSS+JavaScript内容熟悉掌握。
老师告诉你能学到什么?
1.快速提高编辑水平; 2.增加网络开发专业能力。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!