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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • alt+>添加结束标签。</html>等 emmet插件 ( text3: ctrl+~,输入 import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime- package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) 然后reference那里出现了package contrl 点击输入:install package 输入:emmet,点击,会自动安装 等会,重启就可以了 ) 输入!,ctrl+E自动生成html代码 ctrl+P,输#可以找标签 ctrl+enter在下一行编辑 ctrl+shit+enter在上一行编辑 输入:ul>.item$*10,ctrl+E自动生成十行li 选中,ctrl+{左缩进,ctrl+}右缩进 在><标签,可用alt+f3或者ctrl+d选中所有,回车,即可同时输入信息 输入h1{sdfsdfsdfsdfsdf},ctrl+E自动生成标签 ctrl+shit+V拷贝保留缩进
    查看全部
  • 第一种是:使用Ctrl+D,这种方法是对选择的词进行一行一行的选择,可以使用Ctrl+K跳过最后一行的选择, 方法二:使用ALT+F3进行多项选择, (注意方法一和方法二的选择必须是相同的词) 方法三:使用shift+鼠标右键点击实现多行选择,在这种方法中每行的词不必是相同的 使用ecsape可以退出多行游标模式 ctrl+d 选中下一个匹配 ctrl+k 跳过下一个匹配 alt+f3 全选所有的匹配 ctrl+a ctrl+shift+l 全选所有匹配 鼠标+shift可以灵活选择游标
    查看全部
  • ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如:wista/index.html
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-03-20

  • 用 Package Control 安装插件的方法:按下 Ctrl+Shift+P 调出命令面板,输入install, 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。
    查看全部
  • ctrl+shit+P(启动命令模式) 输入 set syntax javascript(支持模糊匹配),输入js即可找到 输入minimap则是右上角的小图
    查看全部
  • ctrl+k ctrl+d 跳过下一个选择项
    查看全部
  • ctrl+H replace all ctrl+D一次一次选中 ctrl+K跳过选中 alt+F3 ctrl+A,ctrl+shit+L(选中所有,选中所有行) shit+右键
    查看全部
  • ctrl+P 输入@
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-03-20

  • ctrl+shit+D复制一行 ctrl+shit+K删除一行 ctrl+/该语句注释 ctrl+shit+/真加注释 ctrl+L选中一行 ctrl+D选中单词 ctrl+F查找替换 Goto-goto anything输入":20"则到20行的位置 Tools-command palette..一些命令功能 setting-user设置字体行数等,可在setting-default的代码中拷贝 color scheme改变窗口颜色
    查看全部
  • Ctrl+H 寻找,代替<br><br> Ctrl+D 多选选择<br><br> Ctrl+K 多选跳过<br><br> Ctrl+A,Ctrl+Shift+L 多行全选<br><br> Shift+鼠标右键 下拉选择游标范围<br> Alt+F3 多行全选
    查看全部
  • 多行游标: 方法一:ctrl+D 选中一个词,alt+F3 可选多行游标。 方法二:ctrl+A 选中所有,ctrl+shift+L。 方法三:ctrl+鼠标选择 快捷键: ctrl+P:快速查找定位 @ 匹配样式、函数 ctrl+shift+P:选择文件格式 ctrl+D:选中相同内容,每按一次多选一个 Ctrl+shift+D:复制该行 ctrl+K:跳过该次选择 ctrl+shift+K:删除该行 ctrl+L:选中改行 ctrl+enter:在该行下一行输入 Ctrl+H:查找替换 ctrl+F:查找 ctrl+G:跳转到某行 ctrl+W:关闭当前文件 ctrl+shift+W:关闭所有文件 ctrl+shift+/ :开启/关闭段注释 ctrl+/ :开启/关闭行注释 Ctrl+]:增加缩进 ctrl+[:减少缩进
    查看全部
  • Ctrl+Shift+P:打开命令面板 Ctrl+P:搜索项目中的文件 Ctrl+G:跳转到第几行 Ctrl+W:关闭当前打开文件 Ctrl+Shift+W:关闭所有打开文件 Ctrl+Shift+V:粘贴并格式化 Ctrl+D:选择单词,重复可增加选择下一个相同的单词 Ctrl+L:选择行,重复可依次增加选择下一行 Ctrl+Shift+L:选择多行 Ctrl+Shift+Enter:在当前行前插入新行 Ctrl+X:删除当前行 Ctrl+M:跳转到对应括号 Ctrl+U:软撤销,撤销光标位置 Ctrl+J:选择标签内容 Ctrl+F:查找内容 Ctrl+Shift+F:查找并替换 Ctrl+H:替换 Ctrl+R:前往 method Ctrl+N:新建窗口 Ctrl+K+B:开关侧栏 Ctrl+Shift+M:选中当前括号内容,重复可选着括号本身 Ctrl+F2:设置/删除标记 Ctrl+/:注释当前行 Ctrl+Shift+/:当前位置插入注释 Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的 Ctrl+Shift+A:选择当前标签前后,修改标签用的 F11:全屏 Shift+F11:全屏免打扰模式,只编辑当前文件 Alt+F3:选择所有相同的词 Alt+.:闭合标签 Alt+Shift+数字:分屏显示 Alt+数字:切换打开第N个文件 Shift+右键拖动:光标多不,用来更改或插入列内容 鼠标的前进后退键可切换Tab文件 按Ctrl,依次点击或选取,可需要编辑的多个位置 按Ctrl+Shift+上下键,可替换行
    查看全部
  • Ctrl+Shift+P:打开命令面板 Ctrl+P:搜索项目中的文件 Ctrl+G:跳转到第几行 Ctrl+W:关闭当前打开文件 Ctrl+Shift+W:关闭所有打开文件 Ctrl+Shift+V:粘贴并格式化 Ctrl+D:选择单词,重复可增加选择下一个相同的单词 Ctrl+L:选择行,重复可依次增加选择下一行 Ctrl+Shift+L:选择多行 Ctrl+Shift+Enter:在当前行前插入新行 Ctrl+X:删除当前行 Ctrl+M:跳转到对应括号 Ctrl+U:软撤销,撤销光标位置 Ctrl+J:选择标签内容 Ctrl+F:查找内容 Ctrl+Shift+F:查找并替换 Ctrl+H:替换 Ctrl+R:前往 method Ctrl+N:新建窗口 Ctrl+K+B:开关侧栏 Ctrl+Shift+M:选中当前括号内容,重复可选着括号本身 Ctrl+F2:设置/删除标记 Ctrl+/:注释当前行 Ctrl+Shift+/:当前位置插入注释 Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的 Ctrl+Shift+A:选择当前标签前后,修改标签用的 F11:全屏 Shift+F11:全屏免打扰模式,只编辑当前文件 Alt+F3:选择所有相同的词 Alt+.:闭合标签 Alt+Shift+数字:分屏显示 Alt+数字:切换打开第N个文件 Shift+右键拖动:光标多不,用来更改或插入列内容 鼠标的前进后退键可切换Tab文件 按Ctrl,依次点击或选取,可需要编辑的多个位置 按Ctrl+Shift+上下键,可替换行
    查看全部
  • Goto->Goto Anything… (ctrl+P) 查找文件: 直接输入文件名部分字母,会查找当前文件夹里面的匹配文件,也可以输入路径进行定位,支持模糊匹配。 符号导航:在CSS或者JavaScripte文件中,”@“+选择名称,可以帮我们直接搜索导航到匹配的选择,如在CSS中查找选择器,在JS文件中查找函数,在@符号前也支持添加路径访问,如:css/boot@body 。 Tools->Command Palette… (shift+ctrl+P) 打开命令模式,通过Set Syntac:编程语言,设置当前文件的语法模式。
    查看全部
    0 采集 收起 来源:Goto Anything

    2018-03-22

  • Anything特性 Ctrl+P 导航、寻找 如果知道在哪个目录,也可以如View/index.html; @符合选择器 Sublime 会模糊匹配 如bgc=background-color; Ctrl+Shift+P 命令模式 可转换文本类型 如JS,CSS...
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-03-19

举报

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

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