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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • !然后ctrl+E生成htlm5的代码格式
    查看全部
  • alt+.完成代码
    查看全部
  • ctrl+D增加光标,ctrl+K和ctrl+D组合使用跳过选择,alt+f3全选
    查看全部
  • ctrl+F3多选
    查看全部
  • ctrl+k跳过一行
    查看全部
  • 1. install Package 安装插件<br> 2. List Package 已经安装插件列表<br> 3. Remove Package 卸载插件<br> 4. Disable/Enable Package 禁用/启用插件<br> <br> 推荐三款主题:<br> 1.theme-soda<br> 2.theme-flatland<br> 3.theme-spacegray<br> 注:主题安装好后,一段使用代码需要copy到user配置中<br> <br> <br> 1、进入官网。(sublime.wbond.net)<br> 2、选择sublime的版本 然后复制下面的代码。<br> 3、进入sublime text 软件,选择view下的show console。<br> 4、将代码粘贴进去按回车等待安装的完成。<br> 5、安装完成后重启sublime text。<br> 6、启用命令模式(ctrl+shift+p),输入package control:install package.<br> 7、等待加载插件,加载完有很多的插件。<br> 8、选择主题插件theme(主题) ****,有很多样式,可以去官网看,推荐flatland、soda、spacegray。。。在命令模式下选择一种,比如选择 theme spacegray。<br> 9、等待安装,安装完成后会弹出使用说明,说明里有叫你把space eighties 下面的复制到自己用户的配置信息中,也就是preferences菜单下的settings user里将复制的代码粘贴进去。(打个逗号粘贴),保存后安装完成,sublime text的主题就会变成安装的主题样式
    查看全部
  • packagecontrol安装主题 高级特性 packagecontrol工具管理所有插件 packagecontrol的安装 进入官网(sublime.wbond.net),点击"Install Now"按钮,复制"SUBLIME TEXT 3"下面的代码,打开Sublime Text编辑器,选择View->Show Console(Ctrl+`),将代码粘贴到输入框按回车等待安装的完成,安装完成后重启Sublime Text编辑器。 Ctrl+Shift+P打开命令模式,输入"pc": Package Control:Install Package(安装新插件所需命令), Package Control:List Packages(显示所有安装过的软件包列表), Package Control:Remove Package(删除软件包), Package Control:Disable Package(安装过的软件包因快捷键冲突或其他原因禁用)。 packagecontrol安装主题(Sublime支持自定义主题): 启动命令模式Ctrl+Shift+P,输入"pci"(Package Control:Install Package),在输入框输入"theme",显示所有主题(theme-soda在刚出时比较流行,后来theme-flatland比较流行),输入"theme-spacegray"安装,安装完有使用说明,找到"Spacegray Eighties",将配置信息(Example settings)放到用户的配置信息中(拷贝内容,打开菜单栏Preferences->Settings-User,加个逗号,粘贴内容到个人配置信息中),保存,完成主题安装。 (可以去官网查看主题,Labels->theme)
    查看全部
  • emmet 安装地址http://www.cnblogs.com/tinyphp/p/3217457.html
    查看全部
  • 如何安装emmet 用命令打开ctrl+shift+p 然后输入install 等一下跳出搜索 输入emmet就能自动安装了
    查看全部
  • 1.ctrl+shirt+enter 在当前上方添加一行 2.(ul>.item$*10{content})+(ctrl+E) > 号生成子元素 ,$ 产生序号,{ }产生内容 3.Ctrl+] 增加缩进 [ 减小缩进。 4.alt+f3 全选,可以选中一部分再选择所有有该部分的元素。如 >< 标签之间的两个符号 5.ctrl+shift+v 保持缩进粘贴
    查看全部
  • CTRL+SHIFT+P:启动命令模式{切换语法模式:set syntax }
    查看全部
  • CTRL+P:跳转 CTRL+N:新建编辑区 CTRL+SHIFT+D:复制游标所在行 CTRL+H:查找替换 CTRL+D:选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词) CTRL+K:跳过 Alt+F3:选择所有与游标所在单词相同的单词 CTRL+SHIFT+L:全选后产生游标 按住SHIFT:鼠标右键拖动产生游标 按住CTRL:鼠标左键点击产生多个游标
    查看全部
  • 1\mode 变patten ——Ctrl+H ——选中 mode 再ctrl+d,看到闪烁光标,后退再输入patten 回车,输入redis:4500 输入新内容 local:{ 选中 “ :{ ”再 ctrl +D, 不想选中其中一个ctrl +k(跳过)再 ctrl +D 2、多行游标 多选——选中一个 单词 greenbinf 再 alt+f3 ctrl+shift+d 快速复制 3、多行游标 ctrl + a & ctrl +shift+l
    查看全部
  • ctrl+n 打开新的编辑区
    查看全部
  • Ctrl+H :查找替换 2、Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词) 3、Ctrl+K Ctrl+D 跳过当前选择,选择下一个 4、Ctrl+shirt+D:复制游标所在行 5、Alt+F3:选择所有与游标所在单词相同的单词 6、按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标
    查看全部

举报

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

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