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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
最热 最新
  • keveon
    HTML文档需要包含一些固定的标签，比如<html>、<head>、<body>等，现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”，然后按Tab键
    查看全部
    0 采集 收起 来源：学以致用——Sublime综合技巧运用

    2018-03-22

  • CharlesLvm
    九、辅助技巧：httpRequest<br> 下载插件http Requester<br> alt+ctrl+r:查看服务器响应的内容<br> node.js代码：<br> 在sublime text编辑器内部来实现服务器端服务器响应的测试：<br> 下载插件：<br> 下载完成之后，使用注解的方式：<br> 如：<br> //localhost:3000/users/<br> <br> 选择注解的文字--->alt+ctrl+r就可以看到服务器端服务器响应的结果了。<br> <br> 模拟post请求，在以前需要写一个表单模拟，不利于开发<br> 不需要前端表单的情况下来模拟post请求：<br> 找到httprequest官方网站（https://github.com/braindamageinc/SublimeHttpRequester）找到post请求需要的参数。 下载httpRequesterer 1.在Sublime内部，做服务器响应的测试Get请求 node.js的express框架下: router.get('/',function(req,res){res.send('request with a resource');}); 注释需要测试的路由地址//localhost:3000/users/并选中 (3000为端口号) ctrl+alt+R ====>在新的Tab页里看到服务器的响应 在Sublime内部，做服务器响应的测试Post请求: node.js的express框架下: /* POST localhost:3000/users/ (3000为端口号) Content-type: application/x-www-form-urlencoded POST_BODY: ac=weeklyregister_register&code=weeklyregister&wapid=ma_62 */ 选中上面的注释 ctrl+alt+R ====>在新的Tab页里看到服务器的响应
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - httpRequest

    2018-03-22

  • keveon 01:10
    修改语法模式：右下角plain text 或者 进入命令模式（ctrl +shift +p） 输入命令 set syntax *****（语法类型）
    查看全部
    0 采集 收起 来源：Sublime-命令模式

    2016-07-03

  • 二向伯
    快速添加注释：
    查看全部
    0 采集 收起 来源：Sublime-快速添加注释

    2016-07-03

  • keveon 00:28
    ctrl+D 打开新的文本编辑区
    查看全部
    0 采集 收起 来源：Sublime-命令模式

    2016-07-03

  • CharlesLvm
    1、安装advanceNewFile插件，ctrl+alt+n在该目录下创建文件或者命名文件； 2、Ctrl+Alt+N输入文件名即可在当前文件夹下创建文件； 3、Ctrl+Alt+N输入带路径的文件名即可在该路径下创建文件，如果路径不存在，便创建出该路径
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - advanceNewfile

    2016-07-03

  • keveon 00:06
    alt+F3 可以整页选中选择的词
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2016-07-03

  • CharlesLvm
    1.切换语言格式，ctrl+shirt+p 2.简化操作 ctrl+shirt+p 输入 snippet：function 自动生成function的基本结构！ tab键 移动光标到下一个词 自动补全功能，输入前几个英文字母，按enter 自动生成一段代码结构！ 3.输入前一个英文字母，按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 JavaScript snippets 1.[ctrl+shift+P]+输入'pci'+输入'JavaScript Completions' 2.输入'gi'，自动产生 getElementById JQuery snippets 1.[ctrl+shift+P]+输入'pci'+输入'JQuery' 2.输入'get'，自动产生 get请求 3.输入'post'，自动产生 post请求 Insert Callback 1.[ctrl+shift+P]+输入'pci'+输入'Insert Callback' 2.[alt+C]，自动产生 callBack function
    查看全部
    0 采集 收起 来源：snippets以模板的方式编程

    2018-03-22

  • keveon 03:57
    ctrl+k 跳过这个游标，继续选择下一个
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2016-07-03

  • CharlesLvm
    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的主题就会变成安装的主题样式。
    查看全部
    0 采集 收起 来源：packagecontrol安装主题

    2016-07-03

  • keveon 01:55
    选择内容里的mode 按ctrl+d 就同时选择了下一个mode，再按一次，继续选择下一个mode，可以同时编辑
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2016-07-03

  • keveon 01:33
    find replace ctrl+h
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2016-07-03

  • CharlesLvm
    1.新建一个文件，将其语法模式改为html 步骤： ctrl+n打开编辑区-->ctrl+shift+p(启动命令模式)-->输入sshtml回车就可以切换成html语法模式了 2.写html代码 自动的添加关闭标签方式： 1）edit菜单--->tag--->close tag 2)alt+. 编写html代码时，要想快速提高工作效率，就需要用到emmet插件。 需要安装emmet插件 emmet插件安装成功后，以下快捷键才有效果： !-->ctrl+E：生成一整段html5代码 其中，!是html5格式的html5 文档 跳转到body标签的方式： 1，用鼠标 2，打开goto anything（ctrl+p）--->#body 其中#是对页面的匹配 添加无序列表，并且在该无序列表中添加10个class为item的li元素： 写法如下： ul>.item$*10--->ctrl+e 即可 其中>说明右边是左边的子标签，.代表是class类，$表示的是序号。 ul>.item$*10:代表输出10个带有item类的li元素 ctrl+enter:当前下方添加新行 ctrl+]:增加缩进 ctrl+[:减少缩进 alt+F3：多选 选中特殊符号--->alt+F3进行多选，--->回车 h2{xxx}--->ctrl+e 其中h2是h2标题，花括号里面的xxx是h2标题里面输出的内容 开始标签--->ctrl+e就可以自动添加结束标签 ctrl+shift+enter：在该行的上方添加新行 从其他文件中拷贝内容到当前文件的步骤： 1）goto anything(ctrl+p)--->输入某目录/某文件/--->回车---->选中内容---ctrl+c---回到当前文件----ctrl+shift+v（保持缩进）粘贴 ctrl+shift+v：保持缩进的粘贴
    查看全部
    0 采集 收起 来源：学以致用——Sublime综合技巧运用

    2018-03-22

  • keveon 00:07
    ctrl+p goto anything快捷键
    查看全部
    0 采集 收起 来源：Goto Anything

    2016-07-03

  • CharlesLvm
    Ctrl+shift+P切换命令模式
    查看全部
    0 采集 收起 来源：Sublime-命令模式

    2016-07-03

首页上一页949596979899100下一页尾页

举报

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

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

查看已购买的课程