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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 辅助技巧-httpRequest Ctrl+Shift+P打开命令模式,输入"pci"(Package Control:Install Package),在提示框输入"http",选"Http Requester"进行安装。 安装完成后要使用注解的方式来标记函数需要测试的路由地址。 在Sublime内部,做服务器响应的测试Get请求 /* GET users listing. */ // localhost:3000/users/ router.get('/', function(req, res) { res.send('respond with a resource'); }); 注释需要测试的路由地址"// localhost:3000/users/"(localhost为路由地址,3000为端口号) 选中"localhost:3000/users/",使用快捷键"Alt+Ctrl+R",出现新的页面显示服务器的响应,"200 OK"表示服务器响应正确。 get请求比较容易测试,可以在浏览器中输入地址;post请求比较难以测试 以前测试post请求需要完成一个表单(用html语言写),然后模拟提交,这样不利于开发 不需要前端form表单的情况下来模拟form提交,先完成post请求 在Sublime内部,做服务器响应的测试Post请求 /* POST localhost:3000/users/ Content-type: application/x-www-form-urlencoded POST_BODY: variable1=avalue&variable2=1234&variable3=anothervalue */ router.post('/', function(req, res) { res.send(req.body); }); (POST:访问地址是一个post请求,"localhost:3000/users/"是访问的地址,"Content-type...anothervalue"指定是以form表单形式提交) 选中"/* */"内的注释,使用快捷键"Alt+Ctrl+R",出现新的页面显示服务器的响应,"200 OK"表示服务器响应正确。
    查看全部
  • 以后继续深入学习
    查看全部
  • 留着以后学
    查看全部
  • 日后在学
    查看全部
  • 2eeee
    查看全部
  • 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 粘贴时保持了缩进
    查看全部
  • sublime命令模式: 1、启动命令模式:Ctrl+Shift+P 切换到JavaScript命令模式:输入 set syntax JavaScript即可 (支持模糊匹配) 2、当不知道右侧小窗口的作用,在命令行输入minimap可以关闭,再输入一次可以开启。 设置。 3.Tools->Command Palette… (shift+command+P) 打开命令模式, 通过Set Syntac:选择编程语言如:Ctrl+Shift+p 输入Java回车,启动Java模式
    查看全部
  • 多行游标方法 查找替换 快捷键 ctrl+H 单个选中,快捷键 ctrl+D选中下一个 ctrl+K ctrl+D跳过这一个进入下一个 快捷键 ctrl+D选中后, ctrl+k ctrl+K重复两次可以删除选中字符 全部选中,快捷键 ctrl+A 功能相当于全选, 接下来ctrl+shift+L创建光标,使用方向键“下”脱离选中字符进行光标后编辑 鼠标拖拽, 鼠标右边加shirt。
    查看全部
  • sidebarEnhancement安装方法:https://packagecontrol.io/installation
    查看全部
  • ctrl+h替换所有ctrl+d
    查看全部
  • Ctrl+Shift+P 快捷键的作用是:打开命令模式。
    查看全部
  • 首选项-字体设置
    查看全部
    1 采集 收起 来源:Goto Anything

    2017-03-25

  • 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 粘贴时保持了缩进
    查看全部
  • sublime命令模式: 1、启动命令模式:Ctrl+Shift+P 若切换到JavaScript命令模式,需要在弹出的输入框内输入set syntax JavaScript即可 (支持模糊匹配) 2、当不知道是否有对SubLime Text控件操作的命令,可以打控件名称进行模糊匹配,如:minimap。 设置语法模式 0、在默认情况下,点击右下角的Plain Text,可以选择相应的语法模式; 1、Tools->Command Palette… (shift+command+P) 打开命令模式,通过Set Syntac:编程语言,设置当前文件的语法模式,支持模糊匹配,如:Ctrl+Shift+p 输入Java回车,启动Java模式
    查看全部
  • Ctrl+H :查找并替换 ; Ctrl+D :选择某个单词,连续Ctrl+D 实现多个相同单词的选择,多行游标,可以集体进行操作; Ctrl+K Ctrl+D 跳过当前选择,选择下一个; Alt+F3:选择所有与选中游标所在单词相同的单词; 按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标
    查看全部

举报

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

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