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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
最热 最新
  • 小学弟啦啦啦
    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

  • 小学弟啦啦啦
    使用Ctrl+D选择词的过程中可以使用Ctrl+K、Ctrl+D跳过 使用Alt+F3可以整页选中选择的词 使用Escape可以退出多行游标模式 默认情况下，使用“shift+鼠标右键点击”可以产生多行游标
    查看全部
    0 采集 收起 来源：Sublime多行游标练习题

    2016-08-02

  • 小学弟啦啦啦
    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+鼠标右键下拉 创建新页面：ctrl+N GoTo anything:Ctrl+P find快捷键：Ctrl+h，可找到所有要找关键词并可以将所有替换掉
    查看全部
    1 采集 收起 来源：Sublime-多行游标

    2018-03-22

  • 小学弟啦啦啦
    文件嵌套较多时用GoTo Anything（快捷键 ctrl + p） 添加路径搜索：view/index.html 符号功能：css文件中输入@搜出所有的css，在css中添加属性可以采用模糊匹配的方法（其中的几个字母） 新建文件后语法模式的切换：ctrl +shift +p --->js（或其它） javascript函数中输入@ 找出所有的函数 查找文件： 直接输入文件名部分字母，会查找当前文件夹里面的匹配文件，也可以输入路径进行定位，支持模糊匹配。 符号导航，在CSS或者JavaScripte文件中，”@“+选择名称，可以帮我们直接搜索导航到匹配的选择，如在CSS中查找选择器，在JS文件中查找函数，在@符号前也支持添加路径访问，如：css/boot@body 。 命令模式：ctrl+shift+P（在新建的文件中可以通过此快捷键来设置文件类型） ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如：wista/index.html ctrl + p 快速定位并边界 如：@body 可以快速定位到当前文件的body标签 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签
    查看全部
    1 采集 收起 来源：Goto Anything

    2018-03-22

  • 小学弟啦啦啦
    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+上下键，可替换行 alt+shift+2 将sublime Text拆成左右两块 alt+shift+4则拆成从左到右四块 alt+shift+8则拆成上下两块 alt+shift+9则拆成上下三块
    查看全部
    2 采集 收起 来源：Sublime菜单栏主要功能介绍

    2016-08-02

  • 208103
    模糊查找文件:ctrl+p CSS模糊查找选择器:ctrl+p=>@选择器
    查看全部
    0 采集 收起 来源：Goto Anything

    2018-03-22

  • 孫丶少
    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：带格式化的粘贴 10、ctrl+z 撤销上一步操作 Ctrl+Shift+P：开启命令模式 Set Syntax HTML：切换到HTML格式 EditTagClose Tag：快速闭合标签。快捷键：Alt+. 插件：Emmet !+Ctrl+E：生成HTML的文档 跳转到Body：不要使用鼠标，使用Ctrl+P:打开命令模式。 输入#，进行页面的匹配，输入bod，匹配body，按住Enter进行跳转，跳转到了Body。 按住Ctrl+Enter：跳转到body的下一行 ur>.item$*10 按住Ctrl+E，生成10个li
    查看全部
    0 采集 收起 来源：学以致用——Sublime综合技巧运用

    2018-03-22

  • 慕粉3760921
    ! ctrl+E 生成一整段的html标签
    查看全部
    0 采集 收起 来源：学以致用——Sublime综合技巧运用

    2016-07-31

  • 慕粉3760921 01:30
    Emmit
    查看全部
    0 采集 收起 来源：学以致用——Sublime综合技巧运用

    2016-07-31

  • 慕粉3760921
    Alt+>. 完成标签的闭合
    查看全部
    0 采集 收起 来源：学以致用——Sublime综合技巧运用

    2018-03-22

  • 孫丶少
    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-07-31

  • king_0063
    sublime linter sublime linter-jshint npm jshint
    查看全部
    0 采集 收起 来源：Sublime-使用lint进行语法及风格校验

    2016-07-31

  • 孫丶少
    ctrl+f查找 ctrl+shift+f查找替换 ctrl+p快速查找并打开文件 ctrl+shift+p快速更改文件类型 ctrl+p @ 快速定位
    查看全部
    0 采集 收起 来源：Goto Anything

    2016-07-31

  • CMinC
    在hint系统中可以自定义校验规则 如在JavaScript中输入： var x = 123; var y = '123'; if(x == y) console.log('x equal y'); console语句会被执行，结果有时正确有时错误，因为数字和字符串的比较无意义，在JavaScript中一般用"==="进行比较，如"x===y"。如果少写一个"="，在一般的编程中很难发现，此时可以通过lint系统的自定义来找出错误。 首先需要创建jshint所需要的配置文件，在工程中创建一个配置文件（工程鼠标右键New File），配置文件必须以".jshintrc"命名，配置文件的基本格式是JSON格式，现在想要强制的三等号校验，先添加第一个校验规则，在配置文件中输入： { "eqeqeq":true } 保存配置文件，返回js文件。在sublime text中lint系统有缓存，所以需要先修改下文件再保存，lint系统才起作用。 在jshint网站（jshint.com/docs/options/#curly）中有所有可配置校验下的详细说明 在配置文件中输入： { "eqeqeq":true, "curly":true } 保存配置文件，返回js文件。一般情况下写JavaScript时，条件语句或循环语句的执行体需要用大括号括起来 if(x === y){ console.log('x equal y'); }
    查看全部
    0 采集 收起 来源：Sublime-使用lint进行语法及风格校验

    2018-03-22

  • CMinC
    使用lint进行语法及风格校验 道格拉斯·克罗克福德（Douglas Crockford）写了一套JS校验系统JSLint 下载lint插件，Ctrl+Shift+P打开命令模式，输入"pci"（Package Control:Install Package），在提示框输入"sublimeL"，选"SublimeLinter"进行安装（在sublime text中对不同语言有不同的lint插件；SublimeLinter是一整套linter系统，是一个总体框架，如果要对相应语法校验需要安装相应linter插件）。 如在JavaScript的linter系统中，比较流行的是JSLint（www.jslint.com，配置性不强）和JSHint（jshint.com，增强系统，比较流行）。打开命令模式，输入"pci"，在提示框输入"sublimelinter-jshi"，选"SublimeLinter-jshint"进行安装。如果使用JSHint，还需要在命令行中安装npm包；安装JSHint前要先安装Node.JS，打开命令行（cmd），在C:\Users\imooc>后输入"npm install -g jshint"回车（'npm install'是Node.JS里的软件版本库），在sublime text编辑器中使用SublimeLinter-jshint时安装的jshint版本要大于2.4。 对JavaScript语言进行校验： 打开新的编辑区，把语法格式设为JavaScript。输入"var a = 123"，在当前编辑区有提示（在编辑区左侧有黄点，在编辑器左下角有错误信息，提示在第一行第十二列缺少一个分号）。
    查看全部
    0 采集 收起 来源：Sublime-使用lint进行语法及风格校验

    2018-03-22

首页上一页74757677787980下一页尾页

举报

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

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

查看已购买的课程