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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • ctrl+}代表缩进
    查看全部
  • Ctrl+p是找出标签在哪里
    查看全部
  • shift+鼠标右键
    查看全部
  • Ctrl+A Ctrl+Shift+L
    查看全部
  • ctrl+D ctrl+K alt+F3
    查看全部
  • JSlint语法校验、语法风格校验<br> SublimeLinter插件:<br> 校验js,还要安装SublimeLinter-jshint插件,安装npm包,安装nodejs,在命令行输入:npm install -g jshint,回车;<br> 可自定义校验规则:在工程中创建配置文件,名字必须是.jshintrc,格式是json格式:<br> {<br> "eqeqeq":true //双等报错,三等才对<br> }<br> 保存,回到js文件,会有缓存,稍加改动即生效;<br> 详细配置说明网站:http://jshint.com/docs/options/#curly<br> "curly":true if语句没有大括号会报错
    查看全部
  • nettus fetch插件:管理、下载类库,安装好插件后会生成配置文件Fetch.sublime-settings 下载jQuery:ctrl+alt+n,下方输入文件夹和文件名,如sublimetext/js/jquery.js,回车,在新建文件里,ctrl+shift+p,输入fetch,选择fetch file,回车,选中jquery(默认一种),回车,即可下载最新版本jquery 下载underscore:ctrl+alt+n,下方输入文件夹和文件名,如sublimetext/public/js/underscore.js, 在配置文件Fetch.sublime-settings中,jquery一行(要加逗号)的下边输入:"underscore":"https://github.com/jashkenas/underscore/blob/master/underscore-min.js",underscore在github中的下载地址,然后在underscore.js文件中,ctrl+shift+p,输入fetch,选择fetch file,回车,选中underscore,回车,即可下载最新版本underscore(没有下载成功,直接粘贴代码) sidebarenhancement插件: 丰富侧边栏功能,右键增加默认功能 Docblockr插件: 快速添加注释:输入/*+enter,自动补全,或/**+enter,自动补全 给函数添加注释:写完函数后,在函数上方一行输入:/**,然后按Tab键,效果如下: /** * @param {[type]} * @param {[type]} * @return {[type]} */ function func (a,b) { return a; }
    查看全部
  • 高级特性: theme插件:改变主题 insertcall插件:alt+c 输出: function(err, d) { } 注:函数最后不带分号 advancnewfile插件: ctrl+alt+n,屏幕下方出现输入框,输入要新建的文件,如:test.html,回车;输入文件夹/文件名,如:sublime/text.js,可在sublime文件夹下新建text.js文件; Ctrl+K+B:开关侧栏 httpRequest插件: ctrl+alt+r:查看服务器响应状态 测试get请求,如: var express=require('express'); var router=express.Router(); /* Get users listing. */ // localhost:3000/users/ 光标选中这句话,ctrl+alt+r router.get('/',function(res, res) { res.send('respond with a resource'); }); router.post('/') module.exports=router; 测试post请求状态: var express=require('express'); var router=express.Router(); router.get('/',function(req, res) { res.send(req.body); }); /* POST localhost:3000/users/ Content-type:application/x-www-form-urlencoded POST_BODY variable1=avalue&variable2=1234&variable3=anothervalue */ 鼠标选中此段注释,ctrl+alt+r router.post('/') module.exports=router;
    查看全部
  • 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:粘贴并格式化
    查看全部
  • ctrl+shift+p:命令模式 设置文件类型: ctrl+shift+p:命令模式,打开命令面板,输入文件类型,如:set syntax javascript,回车即可设置当前文件类型 模糊匹配:syntax javascript,java,js 或屏幕右下角 ctrl+p:gotoanything 搜索项目中的文件 模糊匹配 在css文件中,ctrl+p后,输入@,可匹配当前文件所在文件夹的所有同类文件,再输入body,可匹配body的样式设计 语法模式为JavaScript时,ctrl+p后,输入@,显示函数名,找到函数 组合两种功能,在html文件中,public/css/bo@body即可打开bootstrap中css文件,并且找到body ctrl+shift+d:复制本行代码 多行游标: ctrl+h:查找、替换 ctrl+d:选择单词,重复可增加选择下一个相同的单词 ctrl+k、ctrl+d:跳过 alt+f3:选择所有相同的词 ctrl+a(全选)、ctrl+shift+l(拆行):多行游标 shift+鼠标右键、拖拽鼠标:多行游标 Ctrl+N:新建窗口 隐藏、显现minmap: ctrl+shift+p、输入minmap,回车
    查看全部
  • 产生多行游标的方式: 1.ctrl+d 如果想要跳过一个中间的元素,可以使用ctrl+k 2.按住shift键,鼠标右键拖动光标向下拉 3.alt+f3快速选择所有行
    查看全部
  • ctrl + shift + p [选择文件类型] ctrl + p [goto anything]
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-02-02

  • ss : set synatx ctrl + enter : next new line ctrl + shift +enter : pre new line emmet : ctrl + e,神奇的补全 ctrl + }/] : 缩进 alt + f3 : 全选相同模式 ctrl + shift + v : 粘贴保持tab格式 输入10个带item类的li元素 输入ul>.item*10,然后Ctrl+E 输入10个带item类的li元素且每个li的内容是test1、test2这样的内容 ul>.item{test$}*10,然后Ctrl+E !+Ctrl+E 快速生成html格式文档 选中+Ctrl+]进行缩进 选中+Alt+F3 全选 Ctrl+E 对文档进行关闭结束标记 Ctrl+Shift+V 复制粘贴并且格式整齐
    查看全部
  • 1.Ctrl+Shift+P--->pci--->adavancedNewFile选中,安装<br><br> 2.Ctrl+Alt+N 新建并保存<br><br> (热键冲突时候为:.Ctrl+Alt+shift+N)<br> 3..Ctrl+Alt+N然后输入创建文件、文件夹及其路径
    查看全部
  • Ctrl+Shift+P:打开命令面板 Ctrl+P:搜索项目中的文件 Ctrl+G:跳转到第几行 Ctrl+W:关闭当前打开文件 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+上下键,可替换行
    查看全部

举报

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

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