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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • ctrl+P:输入#代表在页面内匹配相应内容 Ctrl+Enter:当前行下新增一行。 atl+.> 自动生成结束标签 Emmet插件应用:1、输入!代表H5格式文档。 !+Ctrl+E自动生成H5基础文档。 2、>子元素生成符,代表生成子元素。$代表序号 .item是以item开头的class全局属性。Ctrl+E自动生成多个子元素。 Ctrl+【或】是进行缩进的操作的。 Alt+F3跟系统自带热键冲突,自改为Alt+z。 Ctrl+E自动生成对应标签 ctrl+shirt+enter 在行上添加一行 Ctrl+Shift+V保持黏贴内容的缩进
    查看全部
  • 1.下载插件 nettus fetch (能更新前端开发的组件) 2.命令行: 管理 fetch:Manage(可配置需要的) 查看现有的类库组件配置信息
    查看全部
  • Ctrl + D 多行游标 Ctrl + D Ctrl + K 跳过一个游标 Alt + F3 全选所有相同游标
    查看全部
  • ctrl+shift+p 匹配标签 #body ul>.item$*10 ctrl+shift+v 粘贴并弄好格式
    查看全部
  • 进入命令模式:ctrl+shift+p
    查看全部
  • 多行游标:ctrl+h 替换 选择第一个要换的词 再ctrl+d ctrl+k ctrl+d 跳过不需要的 ALT+F3 CTRL+A CTRL+SHIFT+L 按住shift向下拖动
    查看全部
  • ctrl+p 查找文件 wista/index.html ctrl+p 查找元素 @body ctrl+shift+p 更改文件类型
    查看全部
    0 采集 收起 来源:Goto Anything

    2015-08-07

  • ctrl +n 新建文件 ctrl+o 打开文件 ctrl+] 增加缩进 ctrl+[ 减小缩进 ctrl+l 选择一行 ctrl+/ 注释
    查看全部
  • /installation安装packagecontrol 拷贝sublime text3的安装代码 在view->show console中粘贴刚才复制的代码回车(快捷键Ctrl+`(Show Console),输入安装代码 ),重启sublime ctrl+shift+p 输入pc,install package是安装插件,list pacakage列出安装的插件,remove删除,disable禁用 pci:theme主题匹配 theme : soda flatland spacegray ctrl+shirt+p 输入 pac 找到 install package 回车, 输入theme-spacegry 等待安装完成 ,会生成一些代码说明, 复制54 54 行代码到用户设置里,保存之后就是spacegry的主题了。
    查看全部
  • 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+右键 }
    查看全部
  • 命令模式: 1、启动命令模式:Ctrl+Shift+P 切换到JavaScript命令模式:输入 set syntax JavaScript即可 (支持模糊匹配) 2、当不知道是否有对SubLime Text控件操作的命令,可以打控件名称进行模糊匹配,如:minimap。 设置语法模式 0、在默认情况下,点击右下角的Plain Text,可以选择相应的语法模式; 1、Tools->Command Palette… (shift+command+P) 打开命令模式,通过Set Syntac:编程语言,设置当前文件的语法模式,支持模糊匹配,如:Ctrl+Shift+p 输入Java回车,启动Java模式
    查看全部
  • 快速复制一行 快捷键(Ctrl+Shift+D) 使用多行游标一共有三种方式: 方法一:使用Ctrl+D,这种方法是对选择的词进行一行一行的选择,可以使用Ctrl+K跳过最后一行的选择, 方法二:使用ALT+F3进行多项全选择(注意方法一和方法二的选择必须是相同的词) 方法三:Ctrl+A全选后 Ctrl+Shift+L 可以产生多行游标 方法四:使用shift+鼠标右键点击实现多行选择,在这种方法中每行的词不必是相同的 使用ecsape可以退出多行游标模式
    查看全部
  • 新建文件(快捷键 ctrl + n) 文件嵌套较多时用GoTo Anything(快捷键 ctrl + p) 添加路径搜索:view/index.html 符号功能:css文件中输入@搜出所有的css,在css中添加属性可以采用模糊匹配的方法(其中的几个字母) 新建文件后语法模式的切换:ctrl +shift +p --->js(或其它) javascript函数中输入@ 找出所有的函数 查找文件: 直接输入文件名部分字母,会查找当前文件夹里面的匹配文件,也可以输入路径进行定位,支持模糊匹配。 符号导航,在CSS或者JavaScripte文件中,”@“+选择名称,可以帮我们直接搜索导航到匹配的选择,如在CSS中查找选择器,在JS文件中查找函数,在@符号前也支持添加路径访问,如:css/boot@body 。
    查看全部
    0 采集 收起 来源:Goto Anything

    2018-03-22

  • Ctrl+Shift+P 启动命令模式 输入 minimap 可以隐藏右上方的视图
    查看全部
  • Ctrl+H 替换匹配词 鼠标选中一个游标后,Ctrl+D选择多行游标 Ctrl+K Ctrl+D跳过一游标 Ctrl+Shift+D复制上一行的内容 shift+鼠标右键 选择多行游标 Ctrl+A Ctrl+Shift+L 拆行的方式来选择游标 选中第一个 Alt+F3全选
    查看全部

举报

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

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