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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 后端测试
    查看全部
  • 使用 ALT+F3 可以整页选中选择的词
    查看全部
  • 继续Ctrl+d
    查看全部
  • Ctrl+shift+d复制当前的单词 Ctrl+d选中单词,光标闪动
    查看全部
  • Ctrl+n打开新文本
    查看全部
  • Ctrl+h
    查看全部
  • emmet 安装
    查看全部
  • Ctrl+H 更改东西 多行游标的方法 1、Ctrl+D 多行游标 会选择相同的标签 Ctrl+K 再Ctrl+D 跳过 Ctrl+Shift+D 快速复制 2、Alt+F3 多选 3、Ctrl+A 再Ctrl+Shift+L 4、按住Shift 鼠标拖拽
    查看全部
  • 安装Packet:菜单栏View->Show Console->粘贴text2或text3的Packet配置信息->重启软件->Ct+N(新建文档)->Ct+Sh+P->输入pci->查找要安装的插件,如emmet 安装好Emmet插件后: !+Ct+E:迅速生成html的基础元素 Ct+P:查找时加 #元素名;找到后,若要在该行下新加一行,可按 Ct+Enter 在文档中写: ul>.item$*10 ,再按Ct+E,则一次性生成10个<li class="item(1/2/3/../10)"></li> 即 父元素> .(表示有class标签或用 # 表示有id值)类名(id名)$*(子元素出现次数),再Ct+E 在文本中写 h2{this is good} 再按Ct+E,则生成 <h2>this is good</h2> Ct+ 键盘上含 } 的键:文本缩进 Ct+Sh+V:粘贴时保持复制时的格式,如缩进等 (2)insert callback插件 Alt+C:删除多于的符号 (3)advanNew 用于创建文档的同时命名、保存该文档 Ct+Alt+N:在不用打开相关文件夹的情况下新建文档,需填写路径到 文档名.html(或其他类型文档) (4)httpRequester 用于测试地址 Alt+Ct+R:测试 localhost(:端口号)/... (5)netauke Snip (6)sidebar enhancement 右击对应文档,有直接浏览该页的选项 (7)docblockr 用于简化注释拼写 /** +Tab键 :可有函数的注释格式 /** 或 /* + 回车键:其余注释符自动补充 (8)sublimelinter-jshlint 用于语法、风格的检验 安装jsnode插件 -> 安装sublimelinter-jshlint插件 ->运行cmd,输入 npm install -g jshint ->最后到sulimt软件里检验
    查看全部
  • 1,新建立一个js的文件,Ctrl+shift+p输入pci安装docblockr 2,输入/*按回车,补充行注释。 3,输入/**按回车,补充多行注释。 4,在写好的函数上方输入/**按tab键,自动补充函数说明格式。 利用DocBlocker可以进行多行注释 docblock,块注释。 - Ctrl+/: 行注释 - Ctrl+Shift+/: 块注释
    查看全部
  • 下载Nettus fetch插件来从官网迅速下载类库 管理配置文件:命令-fetch 1.创建新的类文件:Ctrl+Alt+N--输入目录和文件类型 2.命令栏输入fetch,找到文件类型,按回车下载 增加新类库:在Jquery下写underscore,并粘贴官网代码地址---创建一个新的UNDERSCORE文件---命令栏输入fetch,按回车下载
    查看全部
  • 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
    查看全部
  • 1.切换语言格式,ctrl+shift+p<br> 2.简化操作 ctrl+shift+p 输入 snippet:function 自动生成function的基本结构!<br> tab键 移动光标到下一个词<br> 自动补全功能,输入前几个英文字母,按enter 自动生成一段代码结构! 4.安装 javascript& nodejs snippets以及jQuery插件, ,很方便的提高生产力,具体指令说明:https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets ,https://packagecontrol.io/packages/jQuery 1.[ctrl+shift+P]+輸入'pci'+輸入'Snippet: Function' 2.輸入'fun'+[Enter],自動產生 function 3.輸入'ife',自動產生 if else
    查看全部
  • ctrl+s 保存用户设置(例如改变字体大小)
    查看全部
  • ctrl+H:查找集体替换 ctrl+D:增选下一个相同内容 ctrl+K-->ctrl+D 跳过选取 ctrl+D-->Atl+F3 全选匹配内容 ctrl+shift+D复制当前行 ctrl+A --> ctrl+shift+l 所有行尾产生游标 shift+鼠标右键拖动
    查看全部

举报

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

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