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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
最热 最新
  • longming 05:04
    预览插件的内容
    查看全部
    0 采集 收起 来源：packagecontrol安装主题

    2016-03-15

  • 喵喵喵1227 04:58
    httpRequest插件 用ctrl alt r 查看服务器响应
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - httpRequest

    2016-03-15

  • 喵喵喵1227 06:34
    运用snippets插件以获得更多代码提示
    查看全部
    0 采集 收起 来源：snippets以模板的方式编程

    2016-03-15

  • 龙跃
    一些插件及与其相关的快捷键的使用： （1）Emmet插件： 安装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软件里检验
    查看全部
    0 采集 收起 来源：Sublime-使用lint进行语法及风格校验

    2018-03-22

  • 龙跃
    1,新建立一个js的文件，Ctrl+shift+p输入pci安装docblockr 2,输入/*按回车，补充行注释。 3，输入/**按回车，补充多行注释。 4，在写好的函数上方输入/**按tab键，自动补充函数说明格式。 利用DocBlocker可以进行多行注释 docblock,块注释。 - Ctrl+/: 行注释 - Ctrl+Shift+/: 块注释
    查看全部
    0 采集 收起 来源：Sublime-快速添加注释

    2016-03-15

  • DoubleZeroSeven
    package control 主题安装 1、进入官网。（sublime.wbond.net） 2、选择sublime的版本 然后复制下面的代码。 3、进入sublime text 软件，选择view下的show console。 4、将代码粘贴进去按回车等待安装的完成。 5、安装完成后重启sublime text。 6、启用命令模式（ctrl+shift+p），输入package control:install package. 7、等待加载插件，加载完有很多的插件。 8、选择主题插件theme（主题） ****，有很多样式，可以去官网看，推荐flatland、soda、spacegray。。。在命令模式下选择一种，比如选择 theme spacegray。 9、等待安装，安装完成后会弹出使用说明，说明里有叫你把space eighties 下面的复制到自己用户的配置信息中，也就是preferences菜单下的settings user里将复制的代码粘贴进去。保存后安装完成，sublime text的主题就会变成安装的主题样式。
    查看全部
    1 采集 收起 来源：packagecontrol安装主题

    2016-03-15

  • DoubleZeroSeven
    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
    查看全部
    0 采集 收起 来源：snippets以模板的方式编程

    2018-03-22

  • DoubleZeroSeven
    传统创建文件：Ctrl+N， 保存文件：Ctrl+S 使用Advance new file 插件来创建新文件：打开命令模式安装Advance new fiel--ctrl+Alt+N--输入文件属性/路径：目录/目录.文件属性
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - advanceNewfile

    2016-03-15

  • 龙跃
    直接在Sublimt Text中运行代码（插件Sidebarenhacemen） 1.Ctrl+Shift+P 输入pci（默认第一个） ==> enter<br> 2.输入side(选择SideBareEhancement)==》enter<br> 3.等待安装完成，测试成功
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - sidebarenhancement

    2018-03-22

  • 龙跃
    下载Nettus fetch插件来从官网迅速下载类库 管理配置文件：命令-fetch 1.创建新的类文件：Ctrl+Alt+N--输入目录和文件类型 2.命令栏输入fetch，找到文件类型，按回车下载 增加新类库：在Jquery下写underscore,并粘贴官网代码地址---创建一个新的UNDERSCORE文件---命令栏输入fetch,按回车下载
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - nettus fetch

    2016-03-15

  • 龙跃
    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
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - httpRequest

    2018-03-22

  • 龙跃
    1.Ctrl+Shift+P--->pci--->adavancedNewFile选中，安装<br><br> 2.Ctrl+Alt+N 新建并保存<br><br> (热键冲突时候为：.Ctrl+Alt+shift+N)<br> 3..Ctrl+Alt+N然后输入创建文件、文件夹及其路径
    查看全部
    1 采集 收起 来源：Sublime辅助技巧 - advanceNewfile

    2018-03-22

  • 龙跃
    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
    查看全部
    0 采集 收起 来源：snippets以模板的方式编程

    2018-03-22

  • 喵喵喵1227
    package control 管理安装的插件
    查看全部
    0 采集 收起 来源：packagecontrol安装主题

    2016-03-14

  • weibo_笑得开心_42143_0
    cmd+p 调出goto anything输入框,输入文件名搜索文件 cmd+shift+p 新建文件,按下三个键可设置文件类型 @ goto anything输入框中输入@,可搜索css选择器
    查看全部
    0 采集 收起 来源：Goto Anything

    2016-03-14

首页上一页152153154155156157158下一页尾页

举报

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

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

查看已购买的课程