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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
最热 最新
  • 沫城不会卸妆丶 05:40
    gotoanything 有几个很有用的快捷键！
    查看全部
    0 采集 收起 来源：Goto Anything

    2016-05-28

  • Amy果儿余
    文件嵌套较多时用GoTo Anything（快捷键 ctrl + p） 添加路径搜索：view/index.html 符号功能：css文件中输入@搜出所有的css，在css中添加属性可以采用模糊匹配的方法（其中的几个字母） 新建文件后语法模式的切换：ctrl +shift +p --->js（或其它） javascript函数中输入@ 找出所有的函数 查找文件： 直接输入文件名部分字母，会查找当前文件夹里面的匹配文件，也可以输入路径进行定位，支持模糊匹配。 符号导航，在CSS或者JavaScripte文件中，”@“+选择名称，可以帮我们直接搜索导航到匹配的选择，如在CSS中查找选择器，在JS文件中查找函数，在@符号前也支持添加路径访问，如：css/boot@body
    查看全部
    0 采集 收起 来源：Goto Anything

    2018-03-22

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

    2016-05-27

  • channel_ho
    sideBarEnhancements插件 只对project起作用 对单个打开的文件无效 直接在左侧工具栏里右键，选择'Open In Browser'进行浏览器预览 设置sublime text2/3支持浏览器预览 1. 安装SideBarEnhancements插件 ctrl+shift+p —> Install Package —> 找到SideBarEnhancements SideBarEnhancements 2. 配置预览快捷键 Preferences —> Key Bindings - User 将以下代码复制到数组中。 // chrome { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe", "extensions":".*" } }, // firefox { "keys": ["f3"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "D:/Program Files (x86)/Mozilla Firefox/firefox.exe", "extensions":".*" } }, // ie { "keys": ["f4"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files/Internet Explorer/iexplore.exe", "extensions":".*" } } 上面的代码中有两处需要注意的地方，一个是keys表示快捷键，即f2可以启动chrome进行预览。另一个是application，表示浏览器所在的安装路径，只有路径配置正确，才能够正常调用浏览器
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - sidebarenhancement

    2018-03-22

  • channel_ho
    1、下载插件 nettus fetch 2、命令行： 管理 fetch:Manage(可配置需要的） 3、如何用fetch 快速下载JQuery 1.Ctrl+Alt+N 在public/js/jquery.js 创建文件 2.在文件中，Ctrl+Shift+P fetch File JQuery下载 安装Nettuts+ Fetch (https://packagecontrol.io/packages/Nettuts%2B%20Fetch) 通过这个插件能方便的更新前端开发所需的一些组件类库。 命令模式下，打开Fetch:Manager，看到现有的组件类库配置信息。 alt+command+N 创建 public/js/jquery.js文件，Tools->Command Palette… (shift+command+P) 打开命令模式，打开Fetch:File，看到Jquery回车就能下载最新版本的Jquery类库。 增加组件： 在Fetch:Manager的配置文件中，在Jquery路径后添加逗号，下面添加："underscore":"https://github.com/jashkenas/underscore/blob/master/underscore-min.js"，保存文件，alt+command+N 创建 public/js/underscore.js文件，打开Fetch:File，选择underscore回车就能下载最新版本的underscore类库。
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - nettus fetch

    2018-03-22

  • channel_ho
    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

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

    2018-03-22

  • channel_ho
    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

  • channel_ho
    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-05-27

  • channel_ho
    1.ctrl+N:打开编辑区 2.切换语法：ctrl+shift+P:命令模式：SSHtml 3.Atl+.：闭合标签 ctrl+E：补全标签 4.使用插件Emmet，输入“！”+ctrl+E生成HTML文档 5.跳转body内部：ctrl+P：“#”页面匹配body 6.ctrl+Enter：当前行下面添加一行 ctrl+shift+Enter：当前行上面添加一行 7.（ul>.item$*10）+（ctrl+E） 8.（{}输出内容）+（ctrl+E） 9.ctrl+shift+V：带格式化的复制 Ctrl+Shift+P：开启命令模式 Set Syntax HTML：切换到HTML格式 Edit→Tag→Close Tag：快速闭合标签。快捷键：Alt+. 插件：Emmet !+Ctrl+E：生成HTML的文档 跳转到Body：不要使用鼠标，使用Ctrl+Shift+P:打开命令模式。 输入#，进行页面的匹配，输入bod，匹配body，按住Enter进行跳转，跳转到了Body。 按住Ctrl+Enter：跳转到body的下一行 ur>.item$*10 按住Ctrl+E，生成10个li
    查看全部
    0 采集 收起 来源：学以致用——Sublime综合技巧运用

    2018-03-22

  • channel_ho
    用Package Control安装插件的方法：按下Ctrl+Shift+P调出命令面板，输入install，调出Install Package选项并回车，然后在列表中选中要安装的插件。
    查看全部
    0 采集 收起 来源：Sublime命令模式练习题

    2016-05-27

  • channel_ho
    sublime命令模式： 1.启动命令模式：Ctrl+Shift+P 切换到JavaScript命令模式：输入 set syntax JavaScript即可 （支持模糊匹配） 2.当不知道是否有对SubLime Text控件操作的命令，可以打控件名称进行模糊匹配，如：minimap。 设置语法模式： 1.在默认情况下，点击右下角的Plain Text，可以选择相应的语法模式； 2.Tools->Command Palette… (shift+command+P) 打开命令模式，通过Set Syntac:编程语言，设置当前文件的语法模式，支持模糊匹配，如：Ctrl+Shift+p 输入Java回车，启动Java模式
    查看全部
    0 采集 收起 来源：Sublime-命令模式

    2018-03-22

  • channel_ho
    ctrl+p : go to anything转到任何的快捷键 ctrl+shift+p : 设置模式，可在该输入框输入js，css等模式 在css文件下，在go to anything输入框输入@+id/class名，立即转到该id/class下
    查看全部
    0 采集 收起 来源：Goto Anything练习题

    2016-05-27

  • channel_ho
    使用多行游标一共有三种方式：第一种是：使用Ctrl+D，这种方法是对选择的词进行一行一行的选择，可以使用Ctrl+K跳过最后一行的选择， 方法二：使用ALT+F3进行多项选择， 注意方法一和方法二的选择必须是相同的词 方法三：使用shift+鼠标右键点击实现多行选择，在这种方法中每行的词不必是相同的 使用ecsape可以退出多行游标模式
    查看全部
    0 采集 收起 来源：Sublime多行游标练习题

    2016-05-27

  • channel_ho
    ctrl+H:查找替换 ctrl+D:选中内容 ctrl+K-->ctrl+D 跳过选取 ctrl+D-->Atl+F3全选匹配内容 ctrl+shift+D复制当前行 产生多行游标: 1、ctrl+D 2、ctrl+D --> Atl+F3 全选 3、ctrl+A --> ctrl+shift+l 拆分行 4、鼠标放在单词上，按shift+鼠标右键下拉
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2018-03-22

首页上一页108109110111112113114下一页尾页

举报

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

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

查看已购买的课程