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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • sublime 的 httpRequest 快速测试 网络请求
    查看全部
  • 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-03-10

  • ul>.item$*10 Ctrl+E
    查看全部
  • 1.ctrl+N:打开编辑区 2.切换语法:ctrl+shift+P:命令模式:sshtml 3.觉得输入的麻烦 可以按atl+.> 匹配出结束标签 4.一个更快捷的方法 “emmet插件” 输入“!”号 →Ctrl+E 5.到包的内部 ctrl+p→#body 匹配到body 这个标签 6.ctrl+enter 在当前下方添加一行 ctrl+shirt+enter 在当前上方添加一行 7.(ul>.item$*10)+(ctrl+E)“ >”号生成子元素 .(class)item(已item开头的class名)$(序号) 8.鼠标拖拽选择ul内的元素 Ctrl+] 增加缩进 [ 减小缩进。 9.alt+f3 全选 移动方向键就有了光标 10.ctrl+e 产生标签 11.ctrl+shift+v 粘贴时保持了缩进
    查看全部
  • 用 Package Control 安装插件的方法:按下 Ctrl+Shift+P 调出命令面板,输入install, 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。
    查看全部
  • 命令模式: 一、打开编辑区:第一种--file-new;第二种:Ctrl+N; 二、切换到JavaScript语法模式: 第一种:选择编辑区右下方的语法选择区,选择js模式; 第二种:启动命名模式 :Ctrl+Shift+P 切换到JavaScript命令模式:输入 set syntax JavaScript即可 (支持模糊匹配) 1.tools--command palettte-选择js模式
    查看全部
  • ctrl+H:查找替换 ctrl+D:选中内容 ctrl+K-->ctrl+D 跳过选取 ctrl+D-->Atl+F3全选匹配内容 ctrl+shift+D复制当前行 产生多行游标: 最简单的方法:按住鼠标中间,随便拉 1、ctrl+D 2、ctrl+D --> Atl+F3 全选 3、ctrl+A --> ctrl+shift+l 拆分行 4、鼠标放在单词上,按shift+鼠标右键下拉
    查看全部
  • 文件嵌套较多时用GoTo Anything(快捷键 ctrl + p) 添加路径搜索:view/index.html 符号功能:css文件中输入@搜出所有的css,在css中添加属性可以采用模糊匹配的方法(其中的几个字母) 新建文件后语法模式的切换:ctrl +shift +p --->js(或其它) javascript函数中输入@ 找出所有的函数 查找文件: 直接输入文件名部分字母,会查找当前文件夹里面的匹配文件,也可以输入路径进行定位,支持模糊匹配。 符号导航,在CSS或者JavaScripte文件中,”@“+选择名称,可以帮我们直接搜索导航到匹配的选择,如在CSS中查找选择器,在JS文件中查找函数,在@符号前也支持添加路径访问,如:css/boot@body 。
    查看全部
    1 采集 收起 来源:Goto Anything

    2018-03-22

  • alt+shift+2 将sublime Text拆成左右两块 alt+shift+4则拆成从左到右四块 alt+shift+8则拆成上下两块 alt+shift+9则拆成上下三块
    查看全部
  • 直接在Sublimt Text中运行代码(插件Sidebarenhacemen) 1.Ctrl+Shift+P 输入pci(默认第一个) ==> enter<br> 2.输入side(选择SideBareEhancement)==》enter<br> 3.等待安装完成,测试成功
    查看全部
  • control+p查找文件
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-03-09

  • 一些插件及与其相关的快捷键的使用: (1)Emmet插件: 安装Packet:菜单栏View->Show Console->粘贴text2或text3的Packet配置信息->重启软件->Ct+N(新建文档)->Ct+Sh+P->输入pci->查找要安装的插件,如emmet 安装好Emmet插件后: !+Ct+E:迅速生成html的基础元素 Ct+P:查找时加 #元素名;找到后,若要在该行下新加一行,可按 Ct+Enter 在文档中写: ul>.item$*10 ,再按Ct+E,则一次性生成10个<li class="item(1/2/3/../10)"></li> 即 父元素> .(表示有class标签或用 # 表示有id值)类名(id名)$*(子元素出现次数),再Ct+E 在文本中写 h2{this is good} 再按Ct+E,则生成 <h2>this is good</h2> Ct+ 键盘上含 } 的键:文本缩进 Ct+Sh+V:粘贴时保持复制时的格式,如缩进等 (2)insert callback插件 Alt+C:删除多于的符号 (3)advanNew 用于创建文档的同时命名、保存该文档 Ct+Alt+N:在不用打开相关文件夹的情况下新建文档,需填写路径到 文档名.html(或其他类型文档) (4)httpRequester 用于测试地址 Alt+Ct+R:测试 localhost(:端口号)/... (5)netauke Snip (6)sidebar enhancement 右击对应文档,有直接浏览该页的选项 (7)docblockr 用于简化注释拼写 /** +Tab键 :可有函数的注释格式 /** 或 /* + 回车键:其余注释符自动补充 (8)sublimelinter-jshlint 用于语法、风格的检验 安装jsnode插件 -> 安装sublimelinter-jshlint插件 ->运行cmd,输入 npm install -g jshint ->最后到sulimt软件里检验
    查看全部
  • package control 主题安装 1、进入官网。(sublime.wbond.net) 2、选择sublime的版本 然后复制下面的代码。 3、进入sublime text 软件,选择view下的show console。 4、将代码粘贴进去按回车等待安装的完成。 5、安装完成后重启sublime text。 6、启用命令模式(ctrl+shift+p),输入package control:install package. 7、等待加载插件,加载完有很多的插件。 8、选择主题插件theme(主题) ****,有很多样式,可以去官网看,推荐flatland、soda、spacegray。。。在命令模式下选择一种,比如选择 theme spacegray。 9、等待安装,安装完成后会弹出使用说明,说明里有叫你把space eighties 下面的复制到自己用户的配置信息中,也就是preferences菜单下的settings user里将复制的代码粘贴进去。(打个逗号粘贴),保存后安装完成,sublime text的主题就会变成安装的主题样式。
    查看全部
  • 安装Packet的配置信息 (2)text3版 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)
    查看全部
  • 安装Packet的配置信息: (1)text2版 import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
    查看全部

举报

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

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