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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • snippets 片段 切换st3当前语法格式 ctrl+shift+p setsyntaxjs 可以使用snippets完成function创建,ctrl+shift+p snippets:function tab可以迅速切换 在编辑区中 func回车自动完成function创建 ife回车完成if…else…语句 fuction foo(name){console.log(name);} prototype fu回车 function Person(name){this.name=name;} 给person这个类定义一个实例函数 prototype原型链 p回车 Person.prototype.speak=function(content){console.log(this.name+'speak'+content);}; document.getElementById, document.getElementByClassName document.getElementsByTagName 安装snippets插件 javascript&NodeJS Snippets gi回车=document.getElementByid('id'); 官网中查看定义好的snippets 【ct】 classList.toggle [cr]classList.remove jquerysnippets插件 get=$.get() $.get('/good/100',function(data){console.log(data);}); post=$.post() node.js经常写一些回调函数 PersonModule.findOne({name:'test'},fuction(err,result){console.log(result);}); 安装insert callback可以将回调函数后的分号去掉 alt+c自动补全回调函数
    查看全部
  • /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
    查看全部
  • 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+右键 }
    查看全部
  • 通过安装advancedwfile,之后创建文件按快捷键ctrl+alt+n
    查看全部
  • 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+右键
    查看全部
  • Ctrl+Shift+A 选择光标位置父标签对儿 Ctrl+Shift+[ 折叠代码 Ctrl+Shift+] 展开代码 Ctrl+KT折叠属性 Ctrl+K0展开所有 Ctrl+U 软撤销 Ctrl+T 词互换 Tab缩进 Shift+Tab去除缩进 Ctrl+Shift+UP与上行互换 Ctrl+Shift+DOWN与下行互换 Ctrl+K Backspace 从光标处删除至行首 Ctrl+E Sublime Text 2 快捷键 (windows) Ctrl+L 选择整行(按住-继续选择下行) Ctrl+KK从光标处删除至行尾 Ctrl+Shift+K 删除整行 Ctrl+Shift+D 复制光标所在整行,插入在该行之前 Ctrl+J 合并行(已选择需要合并的多行时) Ctrl+KU改为大写 Ctrl+KL改为小写 Ctrl+D 选词 (按住-继续选择下个相同的字符串) Ctrl+M 光标移动至括号内开始或结束的位置 Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号) Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果) Ctrl+Shift+/ 注释已选择内容 Ctrl+Space 自动完成(win与系统快捷键冲突,需修改) Ctrl+Z 撤销 Ctrl+Y 恢复撤销
    查看全部
  • https://sublime.wbond.net/installation
    查看全部
  • CTRL+H查找替换 CTRL+D匹配多行(选择性多按) alt+f3匹配多行(全选) ctrl+a全选之后再按ctrl+shift+L出现多行游标 shift+鼠标右键拖动出现多行游标 CTRL+K跳过匹配
    查看全部
  • ctrl+p go to anthing ctrl+shift+p 命令行模式
    查看全部
  • theme : soda flatland spacegray
    查看全部
  • sublime.wbond.net
    查看全部
  • 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格式文档 Ctrl+E 对文档进行关闭结束标记 Ctrl+Shift+V 复制粘贴并且格式整齐
    查看全部
  • ctrl + shift + p 打开命令模式 然后可以输入javascript 就可以把当前文档的格式转为js文档。
    查看全部
  • ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如:wista/index.html ctrl + p 快速定位并边界 如:@body 可以快速定位到当前文件的body标签 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签
    查看全部
    0 采集 收起 来源:Goto Anything

    2015-07-11

  • Ctrl+P 搜索项目中文件,同时可使用路径来搜索, Ctrl+Shift+P 用来设置文本格式、包括输入PCI 新增Package Control等管理命令
    查看全部

举报

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

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