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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 插件官网
    查看全部
  • 末尾按住Ctrl+e直接完成<h2>this is title</h2>
    查看全部
  • ctrl+} 向右缩进
    查看全部
  • Ctrl+回车 跳下一行并换行
    查看全部
  • Ctrl+p #body
    查看全部
  • 感叹号加ctrl+e
    查看全部
  • Ctrl+H,查找替换 Ctrl+D,选择当前光标所在单词,重复Ctrl+D进行多次选择,产生多行游标,Ctrl+K加Ctrl+D跳过不需要操作的内容 使用单词选择产生多行游标 方式一:多次使用Ctrl+D选择单词,可用Ctrl+K加Ctrl+D跳过不需要操作的单词 方式二:选中第一个单词,输入Alt+F3选中所有相同的单词 方式三:通过拆行的方式产生多行游标,输入Ctrl+A,再输入Ctrl+Shift+L 方式四:使用鼠标进行拖拽,可在任何地方产生多行游标,按住Shift键,再按住鼠标右键,向下拖拽产生多行游标
    查看全部
  • 辅助技巧-advanceNewfile 快速创建文件 Ctrl+Shift+P打开命令模式,输入"pci"(Package Control:Install Package),在提示框输入"adva",选"AdvancedNewFile"进行安装。 安装完成后使用"Ctrl+Alt+N",在屏幕下方出现的输入框中输入"test.html",创建了一个html文件;输入框中输入"public/css/test.css",则在public目录下的css中创建了一个test.css文件;输入框中输入"public/css/sass/test.sass",则在public目录下的css中创建了一个sass文件夹并在其中创建了一个test.sass文件。
    查看全部
  • ctrl+N 新建文件 ctrl+shift+P启动命令模式
    查看全部
  • ctrl+shift+D快速复制文本 产生多行游标: 单侧选择 1.选中+ctrl+D 跳过下一行和选中相同的文本 使用快捷键ctrl+K,ctrl+D 2.选中文本 按住快捷键alt+F3 拆行的方式: 3.ctrl+A,ctrl+shift+L 4.按住shift 右键拖动
    查看全部
  • 改变在不同行的相同的词(多行游标): 选中要修改的词(如mode 改为pattern )mode 再按住Ctrl+D快捷键,有几个相同的词就按几次快捷键 输入多行文本: 选中 ctrl+D ,ctrl+K,ctrl+D输入多行相同的文本
    查看全部
  • ctrl+N 新建文件 ctrl+shift+p改变命令模式 输入javaScrip 则是JavaScrip模式
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-07-27

  • 转到里面转到任何 Goto -anything-输入文件 快捷键ctrl+p
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-07-27

  • 写NodeJS时经常使用的Snippets 写NodeJS时会经常写一些回调函数,如: PersonModule.findOne({name:'test'},function(err,result) { console.log(result); };); (使用findOne()函数向数据库查找对象,第一个参数为查找条件,第二个参数为回调函数) //去掉匿名函数function后的';': Ctrl+Shift+P打开命令模式,输入"pci"(Package Control:Install Package),在提示框输入"call",选"Insert Callback"进行安装。 安装完后使用Snippets完成之前的回调函数"function(err,result) { console.log(result);};",按"Alt+C"(Snippets的快捷键),生成函数: function(err, d) { } 光标在"d"处,改为"result",按'tab'键跳到{}内,输入"console.log(result);"。
    查看全部
  • 以插件形式提供的snippets: 如要输入: document.getElementById document.getElementByClassName document.getElementsByTagName 可以用packagecontrol查找所需插件: Ctrl+Shift+P打开命令模式,输入"pci"(Package Control:Install Package),在提示框输入"javascript"(查找关于JavaScript的snippets),可选"JavaScript Completions"进行安装。 安装完后在编辑区输入"gi",就有"getElementById"的提示,回车后生成: document.getElementById('id'); 光标在"document"处,按'tab'键跳到"id" 需要snippets时可到官网(https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets)查询 下载jQuery的Snippets插件: 在提示框输入"jq",选"jQuery"进行安装。 安装完后在编辑区输入"get",有"$.get()"的提示,回车后生成: $.get('/path/to/file', function(data) { /*optional stuff to do after success */ /}); 光标在"/path/to/file"处,输入向服务器请求的路径地址"/goods/100"(100为商品编号),按'tab'键跳到"/*optional stuff to do after success */",输入服务器响应之后的代码"console.log(data);"(打印服务器返回的数据) //post数据 编辑区输入"post",回车后生成: $.post('/path/to/file', {param1: 'value1'}, function(data, textStatus, xhr) { /*optional stuff to do after success */ });
    查看全部

举报

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

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