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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
最热 最新
  • qq_伱箬吥囄_03556937
    ctrl+p 查找文件 加@查找函数元素选择器等 ctrl+shift+p便于快速修改文件类型
    查看全部
    0 采集 收起 来源：Goto Anything练习题

    2016-06-25

  • DMSF
    Ctrl+H ：查找替换 2、Ctrl+D ：选择游标所在单词，连续Ctrl+D 实现多行选择（选择与第一次选择相同的单词） 3、Ctrl+K Ctrl+D 跳过当前选择，选择下一个 4、Ctrl+shirt+D：复制游标所在行 5、Alt+F3：选择所有与游标所在单词相同的单词 6、按住shift键，然后按住鼠标右键向下拖动，也可产生多行游标
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2016-06-25

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

    2018-03-22

  • qq_伱箬吥囄_03556937
    ctrl+h就是一排更改 点一个要更改的字符然后ctrl+d就可以完成多行更改了 ctrl+d...ctrl+k再重复就等于跳过一个选择编辑
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2016-06-25

  • DMSF
    Ctrl + Shift + p 快速更改文件类型 Ctrl + p 快速查找并打开文件，如：20160606/index.html Ctrl + p 快速定位边界，如@body ， 可以快速定位到当前文件的body标签 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签
    查看全部
    0 采集 收起 来源：Goto Anything

    2016-06-25

  • DMSF
    Ctrl+Shift+P：打开命令面板 Ctrl+P：搜索项目中的文件 Ctrl+G：跳转到第几行 Ctrl+W：关闭当前打开文件 Ctrl+M 光标移动至括号内开始或结束的位置 Ctrl+Shift+M 选择括号内的内容（按住-继续选择父括号） Ctrl+Shift+W：关闭所有打开文件 Ctrl+Shift+V：粘贴并格式化 Ctrl+D：选择单词，重复可增加选择下一个相同的单词 Ctrl+L：选择行，重复可依次增加选择下一行 Ctrl+Shift+L：选择多行 Ctrl+Shift+Enter：在当前行前插入新行 Ctrl+X：删除当前行 Ctrl+M：跳转到对应括号 Ctrl+U：软撤销，撤销光标位置 Ctrl+J：选择标签内容 Ctrl+F：查找内容 Ctrl+Shift+F：查找并替换 Ctrl+H：替换 Ctrl+R：前往 method Ctrl+N：新建窗口 Ctrl+K+B：开关侧栏 Ctrl+Shift+M：选中当前括号内容，重复可选着括号本身 Ctrl+F2：设置/删除标记 Ctrl+/：注释当前行 Ctrl+Shift+/：当前位置插入注释 Ctrl+Alt+/：块注释，并Focus到首行，写注释说明用的 Ctrl+Shift+A：选择当前标签前后，修改标签用的 F11：全屏 Shift+F11：全屏免打扰模式，只编辑当前文件 Alt+F3：选择所有相同的词 Alt+.：闭合标签 Alt+Shift+数字：分屏显示 Alt+数字：切换打开第N个文件 Shift+右键拖动：光标多不，用来更改或插入列内容 鼠标的前进后退键可切换Tab文件 按Ctrl，依次点击或选取，可需要编辑的多个位置 按Ctrl+Shift+上下键，可替换行
    查看全部
    1 采集 收起 来源：Sublime菜单栏主要功能介绍

    2016-06-25

  • 慕粉13350082659
    CTRL+P：goto anything跳转 CTRL+L :选择游标所在行 CTRL+SHIFT+D：复制游标所在行 CTRL+H：查找替换 CTRL+D：选择游标所在单词，连续Ctrl+D 实现多行选择 CTRL+K：跳过游标选择 Alt+F3：选择所有与游标所在单词相同的单词 CTRL+SHIFT+L：全选后产生游标 按住SHIFT：鼠标右键拖动产生游标 按住CTRL：鼠标左键点击产生多个游标
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2016-06-25

  • 慕粉13350082659
    Ctrl + Shift + p 快速更改文件类型 Ctrl + p 快速查找并打开文件，如：20160606/index.html Ctrl + p 快速定位边界，如@body ， 可以快速定位到当前文件的body标签 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签
    查看全部
    0 采集 收起 来源：Goto Anything

    2016-06-25

  • rookie_r
    十三、使用lint进行语法及风格校验 jshint可以统一编码风格。 安装jshint的步骤： 1)ctrl+shift+p打开命令模式--->输入pcip回车--->输入sublimelinter回车（是总体框架，如果需要对js进行校验的话，还需要安装针对js的校验插件，其中有两套js校验插件，分别是jslint,jshint,其中jshint是最流行的，此处也是安装jshint为主）--->ctrl+shift+p--->输入sublimelinter-jshint回车进行安装--->下载node.js进行安装（因为用命令方式安装jshint插件用到npw install(node版本库），到node.js官网下载node-v6.2.0-x64.msi并且点击安装，安装完成之后--->需要在命令行安装jshint,命令代码时：npw install -g jshint。 如果没有安装node的话，那么npw命令就是无效的。 注意：在sublime text使用sublimelinter jshint，那么jshint版本必须大于2.4。 jshint文档网址：jshint.com/docs/options/ 如何在js中使用校验呢？步骤如下： 1)ctrl+alt+n打开一个新文件--->切换到js语法模式--->如果用户在js文件上写上var x=123后面却没有分号的话，那么该行的左边就会有个黄色的圆点进行提示用户，这里需要加上分号。如果在js中定义一个数值，一个字符串，虽然这两个值相同，但是类型不同，一个数值型，另一个是字符串类型，所以要判断这两个变量是否相等就需要用到三等于了，但是如果我们不小心写少了一个等号的话，就很难察觉了，为了避免这种情况的发生，我们需要自定义校验，自定义校验的步骤如下： 定义一个名称为.jshintrc的配置文件，该文件里面的内容是json格式的，内容如下： { "eqeqeq":true,//校验三等的情况 "curly":true//校验if，for语法没有写花括号的情况 }
    查看全部
    1 采集 收起 来源：Sublime-使用lint进行语法及风格校验

    2018-03-22

  • 慕粉3207663
    1、Ctrl+H ：查找替换 2、Ctrl+D ：选择游标所在单词，连续Ctrl+D 实现多行选择（选择与第一次选择相同的单词） 3、Ctrl+K Ctrl+D 跳过当前选择，选择下一个 4、Ctrl+shirt+D：复制游标所在行 5、Alt+F3：选择所有与游标所在单词相同的单词 6、按住shift键，然后按住鼠标右键向下拖动，也可产生多行游标
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2016-06-24

  • rookie_r
    十一、开发中辅助技巧：sidebarenhancement 在sublime text3中如何实现在浏览器中打开我们想要浏览的html文件？ 步骤： 1）ctrl+shfit+p-->输入pcip回车-->sidebarenhancement 回车即可 2）点击x.html右键选择open in browser-->选择相应的浏览器即可在浏览器打开该文件。
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - sidebarenhancement

    2018-03-22

  • rookie_r
    3，使用nettus fetch插件 ctrl+shift+p--->输入nettus fetch回车--->ctrl_shift+p--->输入fetch manage来管理配置文件 使用fetch来下载jquery步骤： ctrl+alt+n在某个目录下创建一个jQuery文件--->在该文件中输入ctrl+shift+p--->输入fetch file回车--->jquery回车下载。就可以了。 在fetch配置文件中来增加新的类库（如：underscore.js）： 步骤如下： 在该文件中添加"underscore":"http://github.com/jashkenas/underscore/blob/master/underscore.min.js"和前一个参数以"逗号"来分隔。 ctrl+alt+n在某个目录下创建一个underscore文件--->在该文件中输入ctrl+shift+p--->输入fetch file回车--->jquery回车下载。就可以了。 到github下载underscore.js文件 github上的underscore文件地址： https://raw.githubusercontent.com/jashkenas/underscore/master/underscore-min.js
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - nettus fetch

    2018-03-22

  • rookie_r
    九、辅助技巧：httpRequest 下载插件http Requester alt+ctrl+r:查看服务器响应的内容 node.js代码： 在sublime text编辑器内部来实现服务器端服务器响应的测试： 下载插件： 下载完成之后，使用注解的方式： 如： //localhost:3000/users/ 选择注解的文字--->alt+ctrl+r就可以看到服务器端服务器响应的结果了。 模拟post请求，在以前需要写一个表单模拟，不利于开发 不需要前端表单的情况下来模拟post请求： 找到httprequest官方网站（https://github.com/braindamageinc/SublimeHttpRequester）找到post请求需要的参数。
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - httpRequest

    2018-03-22

  • rookie_r
    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：保持缩进的粘贴
    查看全部
    1 采集 收起 来源：学以致用——Sublime综合技巧运用

    2018-03-22

  • 六小弦
    ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如：wista/index.html ctrl + p 快速定位并边界 如：@body 可以快速定位到当前文件的body标签 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签
    查看全部
    0 采集 收起 来源：Goto Anything

    2016-06-23

首页上一页9899100101102103104下一页尾页

举报

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

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

查看已购买的课程