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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 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+鼠标右键下拉
    查看全部
  • Ctr+E<br> emmet模式
    查看全部
  • crl+shift+P
    查看全部
  • 编写注释是很好的编程习惯
    查看全部
  • sublime.wbond.nert --> submit插件地址
    查看全部
  • install 需要安装插件的命令窗口 theme-flatland 主题
    查看全部
  • 快捷建立html格式
    查看全部
  • 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 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
    查看全部
  • 1.ctrl+N:打开编辑区 2.切换语法:ctrl+shift+P:命令模式:sshtml 3.觉得输入的麻烦 可以按atl+.> 匹配出结束标签 4.一个更快捷的方法 “emmet插件” 输入“!”号 →Ctrl+E 5.到包的内部 ctrl+p→#body 匹配到body 这个标签 6.ctrl+enter 在当前下方添加一行 ctrl+shirt+enter 在当前上方添加一行 7.(ul>.item$*10)+(ctrl+E)“ >”号生成子元素 .(class)item(已item开头的class名)$(序号) 8.鼠标拖拽选择ul内的元素 Ctrl+] 增加缩进 [ 减小缩进。 9.alt+f3 全选 移动方向键就有了光标 10.ctrl+e 产生标签 11.ctrl+shift+v 粘贴时保持了缩进
    查看全部
  • 正确的应该是实用 ALT+F3 进行多选
    查看全部
  • 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+鼠标右键下拉
    查看全部
  • 文件嵌套较多时用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

  • emmet插件:闭合标签 ctrl+e 输入英文的!、ctrl+e:在html5文件中,自动生成html5格式文档; ctrl+p、输入#:对页面的匹配,输入body,光标停在body标签; ctrl+enter:可在当前标签的下一行输入内容; 在body标签内输入:ul>.item$*10,ctrl+e,自动生成 <ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li> <li class="item8"></li> <li class="item9"></li> <li class="item10"></li> </ul> 其中“>”表示选子元素“.item$*10”表示class为item1至item10; 输入h2{this is title}、ctrl+e:自动生成<h2>this is title</h2>,“{}”表示标签内输入的内容,注:光标要在最后 ctrl+左大括号键:左缩进 ctrl+右大括号键:右缩进 ctrl+shift+enter:当前行的上一行添加内容 ctrl+shift+v:粘贴并格式化
    查看全部
  • 安装Sublime Text3 插件 要先安装 “Package Control”--安装包管理 第一步:view菜单下的 -show Console //打开显示台控制菜单 第二步:复制:网站 http://www.xuanfengge.com/practical-collection-of-sublime-plug-in.html 中的ST3或ST2代码就可以了 使用插件emmet:输入!+ctrl+e,可以快速构建HTML页面结构(但是我在自己电脑上使用就不行,html+tab倒是可以); ctrl+enter:在当前行下面添加一行; ctrl+shift+enter:在光标定位处的上一行添加一行 alt+.可以将未封闭的标签封闭; 选中ctrl+【减少缩进;ctrl+】增加缩进 h2{h2标签所要显示内容}+ctrl+e; ctrl+shift+v:可以保持缩进格式的粘贴
    查看全部
  • ctrl+n,打开工作区; ctrl+shift+p,调出命令模式,输入ss(ss是set syntax的缩写,因为sublime支持模糊匹配)+所要设定的语法。 Package Control 安装插件的方法:按下 Ctrl+Shift+P 调出命令面板,输入install, 调出 Install Package 选项并回车,然后在列表中选中要安装的插件.
    查看全部

举报

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

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