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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 1.安装advanceNewfile插件 2.ctrl+alt+n 在该目录下创建文件 目录名/文件名,在指定目录下创建 如:public/css/test.css 如果目录不存在同时也会创建目录
    查看全部
  • Javascript&NodeJs Snippets插件 jQuery插件 Insert Callback插件
    查看全部
  • ctrl + enter : 在下面添加一个新行 ctrl + shift +enter : 在上面添加一个新行 emmet : ctrl + e:补全 ctrl + }/] : 缩进 alt + f3 : 全选相同模式 ctrl + shift + v : 粘贴保持tab格式 输入10个带item类的li元素:ul>.item*10,然后Ctrl+E 输入10个带item类的li元素且每个li的内容是test1、test2这样的内容:ul>.item{test$}*10,然后Ctrl+E Emmet插件中:!+Ctrl+E 快速生成html5格式文档
    查看全部
  • 1、ctrl+N:打开编辑区 2、切换语法:ctrl+shift+P:命令模式:SSHtml 3、Edit→Tag→Close Tag:快速闭合标签。快捷键:Alt+. ctrl+E:补全标签 4、使用插件Emmet,输入“!”+ctrl+E生成HTML文档 5、跳转body内部:ctrl+P:“#”页面匹配body 5、ctrl+Enter:当前行下面添加一行 ctrl+shift+Enter:当前行上面添加一行 6、(ul>.item$*10)+(ctrl+E) >子元素 .(class)item(已item开头的class名)$(序号) 7、({}输出内容)+(ctrl+E) 8、在內容的地方輸入'script'+[ctrl+E],自動產生<script></script> Ctrl+Shift+P:开启命令模式 Set Syntax HTML:切换到HTML格式 Edit→Tag→Close Tag:快速闭合标签。快捷键:Alt+. 插件:Emmet 跳转到Body:不要使用鼠标,使用Ctrl+P:打开gotoanything。 输入#,进行页面的匹配,输入bod,匹配body,按住Enter进行跳转,跳转到了Body。 按住Ctrl+Enter:跳转到body的下一行 ctrl+shift+v:粘贴的时候可以保持代码原先的缩进 [ctrl+}],增加縮進 [ctrl+{],減少縮進 [ctrl+P]+输入'#keyword'对当前页面搜索匹配 ‘@选择器名或函数名’ ·多行游标 { 1. 特征匹配,选中关键内容之后,之后按Alt+F3,就会在整个文档的特征处后方生成一个游标 2. 按住Ctrl,在需要添加游标的位置点击鼠标 3. 选择单词之后,Ctrl+D继续选择,Ctrl+K跳过当前选择 4.鼠标拖拽,shift+右键 }
    查看全部
  • CTRL+H查找替换 CTRL+D匹配多行 CTRL+K跳过匹配 CTRL+D后 ALT+F3匹配多行(全选) CTRL+A后 CTRL+SHIFT+L出现多行游标 左键点击 SHIFT+鼠标右键拖动出现多行游标
    查看全部
  • 文件嵌套较多时用GoTo Anything(快捷键 ctrl + p) Ctrl+n 打开一个新的文件 添加路径搜索:view/index.html 符号功能:css文件中输入@搜出所有的css,在css中添加属性可以采用模糊匹配的方法(其中的几个字母) 新建文件后语法模式的切换:ctrl +shift +p --->js(或其它) javascript函数中输入@ 找出所有的函数
    查看全部
    0 采集 收起 来源:Goto Anything

    2018-03-22

  • Go to anything: Ctrl + p, 方向键导航,寻找文件,支持模糊匹配;内部导航 @CSS 选择器。 @JS 函数,通过方向键导航。 命令模式:Ctrl + Shift + P。
    查看全部
    0 采集 收起 来源:Goto Anything

    2015-07-25

  • CTRL+H查找替换 CTRL+D匹配多行(选择性多按) CTRL+K跳过匹配 alt+f3匹配多行(全选) ctrl+a全选之后再按ctrl+shift+L出现多行游标 shift+鼠标右键拖动出现多行游标
    查看全部
  • 使用方法
    查看全部
  • 1.安装advanceNewfile插件 2.ctrl+alt+n 在该目录下创建文件 目录名/文件名,在指定目录下创建 如:public/css/test.css 如果目录不存在同时也会创建目录
    查看全部
  • 1、ctrl+N:打开编辑区 2、切换语法:ctrl+shift+P:命令模式:SSHtml 3、Edit→Tag→Close Tag:快速闭合标签。快捷键:Alt+. ctrl+E:补全标签 4、使用插件Emmet,输入“!”+ctrl+E生成HTML文档 5、跳转body内部:ctrl+P:“#”页面匹配body 5、ctrl+Enter:当前行下面添加一行 ctrl+shift+Enter:当前行上面添加一行 6、(ul>.item$*10)+(ctrl+E) >子元素 .(class)item(已item开头的class名)$(序号) 7、({}输出内容)+(ctrl+E) 8、在內容的地方輸入'script'+[ctrl+E],自動產生<script></script> Ctrl+Shift+P:开启命令模式 Set Syntax HTML:切换到HTML格式 Edit→Tag→Close Tag:快速闭合标签。快捷键:Alt+. 插件:Emmet 跳转到Body:不要使用鼠标,使用Ctrl+P:打开gotoanything。 输入#,进行页面的匹配,输入bod,匹配body,按住Enter进行跳转,跳转到了Body。 按住Ctrl+Enter:跳转到body的下一行 ctrl+shift+v:粘贴的时候可以保持代码原先的缩进 [ctrl+}],增加縮進 [ctrl+{],減少縮進 [ctrl+P]+输入'#keyword'对当前页面搜索匹配 ‘@选择器名或函数名’ ·多行游标 { 1. 特征匹配,选中关键内容之后,之后按Alt+F3,就会在整个文档的特征处后方生成一个游标 2. 按住Ctrl,在需要添加游标的位置点击鼠标 3. 选择单词之后,Ctrl+D继续选择,Ctrl+K跳过当前选择 4.鼠标拖拽,shift+右键 }
    查看全部
  • ctrl+shift+P:进入命令模式,SSHtml,切换页面语法 ! ctrl+e :生成html文档 (ul>.item$*10)+(ctrl+E) :>子元素 .(class)item(以item开头的class名)$(序号):生成10行class为itemX的li ctrl+p:转到文件任何地方,#body,跳转到body内部 ctrl+enter:当前航下面添加一行 ctrl+shift+Enter:当前行上面添加一行 ctrl+]:缩进
    查看全部
  • 1、ctrl+N:打开编辑区 2、切换语法:ctrl+shift+P:命令模式:SSHtml 3、Edit→Tag→Close Tag:快速闭合标签。快捷键:Alt+. ctrl+E:补全标签 4、使用插件Emmet,输入“!”+ctrl+E生成HTML文档 5、跳转body内部:ctrl+P:“#”页面匹配body 5、ctrl+Enter:当前行下面添加一行 ctrl+shift+Enter:当前行上面添加一行 6、(ul>.item$*10)+(ctrl+E) >子元素 .(class)item(已item开头的class名)$(序号) 7、({}输出内容)+(ctrl+E) 8、在內容的地方輸入'script'+[ctrl+E],自動產生<script></script> Ctrl+Shift+P:开启命令模式 Set Syntax HTML:切换到HTML格式 Edit→Tag→Close Tag:快速闭合标签。快捷键:Alt+. 插件:Emmet 跳转到Body:不要使用鼠标,使用Ctrl+P:打开gotoanything。 输入#,进行页面的匹配,输入bod,匹配body,按住Enter进行跳转,跳转到了Body。 按住Ctrl+Enter:跳转到body的下一行 ctrl+shift+v:粘贴的时候可以保持代码原先的缩进 [ctrl+}],增加縮進 [ctrl+{],減少縮進 [ctrl+P]+输入'#keyword'对当前页面搜索匹配 ‘@选择器名或函数名’ ·多行游标 { 1. 特征匹配,选中关键内容之后,之后按Alt+F3,就会在整个文档的特征处后方生成一个游标 2. 按住Ctrl,在需要添加游标的位置点击鼠标 3. 选择单词之后,Ctrl+D继续选择,Ctrl+K跳过当前选择 4.鼠标拖拽,shift+右键 }
    查看全部
  • 启动命令模式:ctrl + shift + P
    查看全部
  • Ctrl+H 查找替换 Ctrl+D 多行游标 Ctrl+K 跳过一个文件 Ctrl+Shift+D 复制整行 产生多行游标的四个方法 1. Ctrl+D 2. Alt+F3 Find/Quick Find All 3. Ctrl+A Ctrl+Shift+L Selection/Split into Lines 4. 鼠标拖拽 shift+右键
    查看全部

举报

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

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