为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
前端开发工具技巧介绍—Sublime篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • alt + . :自动添加闭合标签<html></html> emment插件:自动完成代码 ctrl + E:自动补全代码
    查看全部
  • ctrl+ p: go to anything. 查找文件,“@”某个单词 ctrl + shift + p: 启动命令模式。
    查看全部
  • 安装advancedNewfile插件
    查看全部
  • ctrl+alt+n 打开添加文本命令控制栏, ctrl+shift+n 新窗口重新打开sublimeText
    查看全部
  • 命令模式:ctrl+shift+P(在新建的文件中可以通过此快捷键来设置文件类型) ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如:wista/index.html ctrl + p 快速定位并边界 如:@body 可以快速定位到当前文件的body标签 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-02-18

  • 关于多行光标 ctrl+shift+D 复制 一: ctrl+D 选择多行 ctrl+K 跳过 二:alt+F3 多选(全选x单词) 三:拆分多行:ctrl+A ctrl+l 四:shift+鼠标右键
    查看全部
  • Edit-Toggle comment 注释
    查看全部
  • comment 注释
    查看全部
  • sublime text 3
    查看全部
  • sublime
    查看全部
  • emmet插件:闭合标签 ctrl+e 输入英文的!、ctrl+e:在html5文件中,自动生成html5格式文档; ctrl+p、输入#:对页面的匹配,输入body,光标停在body标签; ctrl+enter:可在当前标签的下一行输入内容; 在body标签内输入:ul>.item$*10,ctrl+e,自动生成 <ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li> <li class="item8"></li> <li class="item9"></li> <li class="item10"></li> </ul> 其中“>”表示选子元素“.item$*10”表示class为item1至item10;ps:$代表序号 输入h2{this is title}、ctrl+e:自动生成<h2>this is title</h2>,“{}”表示标签内输入的内容,注:光标要在最后 ctrl+左大括号键:左缩进 ctrl+右大括号键:右缩进 ctrl+shift+enter:当前行的上一行添加内容 ctrl+shift+v:粘贴并格式化
    查看全部
  • alt+.可迅速闭合标记 使用emmet插件: 闭合标签:ctrl+e 输入英文的! 进行ctrl+e操作自动生成html5格式文档。 ctrl+p:打开Goto Anything特性 输入#(页面的匹配),输入body,可跳转到body标记,ctrl+回车(在当前行下添加一新行), 在body标签内输入:ul>.item$*10,ctrl+e, 其中“>”表示选子元素“.item$*10”表示class为item1至item10; 自动生成十行无序标签 其中item1到item10 ctrl+大括号:缩进 ctrl+左大括号键:左缩进 ctrl+右大括号键:右缩进 ctrl+shift+enter:当前行的上一行添加内容 “{}”表示标签内输入的内容 ctrl+shift +v 粘贴保持格式
    查看全部
  • 切换语法模式:右下角选择 命令模式:(tools-command and pallet或:ctrl+shift+p启动) 输入 set syntax JavaScript切换语法模式 支持模糊匹配 应尽可能多地使用命令行,可以省略较多鼠标操作与记忆不必要的快捷键。
    查看全部
  • find what replace with(替换功能) 在Sublime Text中可以使用ctrl+h启动该功能,将文件中所有的A替换成B 进阶方法:ctrl+d 可使用多行游标,多行同时操作 ctrl+k可跳过一个不需要的复合条件的项 再次输入ctrl+d寻找下一个复合条件的项 ctrl+shift+D 快速复制当前行文本 产生多行游标: 1、ctrl+D 2、ctrl+D --> Atl+F3 全选 3、ctrl+A --> ctrl+shift+l 拆分行 4、鼠标放在单词上,按shift+鼠标右键下拉
    查看全部
  • Goto Anything:快捷键 Ctrl+P 查找文件: 直接输入文件名部分字母,会查找当前文件夹里面的匹配文件,也可以输入路径进行定位,支持模糊匹配。 支持符号匹配:在CSS或者JavaScripte文件中,”@“+选择名称,可以帮我们直接搜索导航到匹配的选择,如在CSS中查找选择器,在JS文件中查找函数,在@符号前也支持添加路径访问,如:css/boot@body 。 Tools->(shift+ctrl+P) 打开命令模式,通过Set Syntac:编程语言,设置当前文件的语法模式。(快速设置文件类型)
    查看全部
    0 采集 收起 来源:Goto Anything

    2018-03-22

举报

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

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