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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • htttpRequester node.js的express框架 下载httpRequesterer 1.在Sublime内部,做服务器响应的测试Get请求 router.get('/',function(req,res){res.send('request with a resource');}); 注释需要测试的路由地址//localhost:3000/users/并选中 ctrl+alt+R 200 OK服务器响应正确 在Sublime内部,做服务器响应的测试Post请求: // POST http:// // Content-type: application/x-www-form-urlencoded // POST_BODY: // ac=weeklyregister_register&code=weeklyregister&wapid=ma_62 [ 查看全文 ]
    查看全部
  • 2.ctrl+n 打开编辑区
    查看全部
  • 1.命令模式 ctrl+shif+p
    查看全部
  • 设置自定义的强制===无效,.jshint与js测试文件放在同一个文件夹里
    查看全部
  • 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 ctrl+shirt+p 输入 pac 找到 install package 回车, 输入theme-spacegry 等待安装完成 ,会生成一些代码说明, 复制54 54 行代码到用户设置里,保存之后就是spacegry的主题了。
    查看全部
  • 快捷键提高编码速度 1:ctrl+n:新见文件(打开一个编辑区) 2:ctrl+shif+p打开命令模式,set syntax:设置语法模式 3:闭合标签:editTag-colseTag; 快捷键:alt+. 4:使用emment插件,快速生成h5文档标签:!+ctrl+e; 5:ctrl+p:go to anything;输入#表示匹配页面中的元素(标记); 6;ctrl+enter:在鼠标下方新建一行 7:使用emment插件快速生成多个<li>标签:ul>item(ul的类名)$*10然后 ctrl+E; 8:缩进ctrl+]:增减缩进;ctrl+[:减少缩进; 9:多行游标:alt+f3:全选;鼠标右键shift拖动; 10:ctrl+e 产生标签 11:ctrl+shift+v:粘贴复制的代码时保持原代码缩进样式;
    查看全部
  • 1:启动命令模式:Ctrl+Shift+P 2:切换语法模式:(1)右下角(2)命令模式下的set syntax 3:sublime支持模糊匹配 4:minimap
    查看全部
  • ctrl+h:查找替换 多行游标: 1:ctrl+d:多行游标(选则多个) 、、、、crtl+n:新建 2:ctrl+k ctrl+d:跳过选择 3:alt+f3:多行游标(全选) 4:shift+鼠标右键拖动
    查看全部
  • ! ctrl+e :生成html文档 (ul>.item$*10)+(ctrl+E) :>子元素 .(class)item(以item开头的class名)$(序号):生成10行class为itemX的li ctrl+p:转到文件任何地方,#body,跳转到body内部 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
    查看全部
  • 安装插件: 点击preferences找到package control,在弹出的窗口中输入Install package,按回车等待弹出窗口,在弹出窗口的输入框中输入Emmet,找到Emment双击进行安装 。
    查看全部
  • ctrl+d:多行游标 ctrl+h:查找替换 ctrl+k ctrl+d :跳过游标匹配 ctrl+shift+d:快速复制 alt+f3:多选 ctrl+a全选后再按 ctrl+shift+l出现多行游标 shift+鼠标右键拖拽
    查看全部
  • Emmet插件 > 代表元素的选择符。 . 代表class。 $代表序号。 *10代表输出10个 例如:ul>li.item$*10,按快捷键Ctrl+E {}代表输出内容
    查看全部
  • 切换到html模式:ctrl+shift+P输入SSHtml 使用“emmet插件” 输入“!”号 →Ctrl+E直接会出现html的头文件 跳转body内部:ctrl+P:“#”页面匹配body ctrl+enter 在当前下方添加一行 选中后按“ctrl+}”,增加缩进 选中后按“ctrl+{”,減少缩进 ctrl+shift+v粘贴的时候可以保持代码原先的缩进 alt+f3 全选 移动方向键就有了光标 结尾标记的上一行添加内容:ctrl+shift+enter
    查看全部
  • 启动命令模式:Ctrl+Shift+P 切换到JavaScript命令模式:输入js即可 (支持模糊匹配) 启动命令模式:输入 minimap 可以隐藏右方的小视图
    查看全部
  • Ctrl+H 查找替换 Ctrl+D 多行游标(选择多个) Ctrl+K Ctrl+D 跳过 Ctrl+N 打开新的编辑区 Ctrl+shift+D 快速复制文本 Alt+F3 多选(选择好要多选的内容之后按快捷键) Ctrl+A 全选之后按Ctrl+Shift+L出现多行游标 shift+鼠标右键 向上或向下进行选择多行游标
    查看全部

举报

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

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