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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 使用emmet插件后 可使用ul>.iteam$*10 去插件类名为iteam1-iteam10的列表
    查看全部
  • #号可以匹配当前页面的一些元素 相当于锚点
    查看全部
  • 安装DocBlockr,可以方便地帮助补全注释块。 如输:/* 回车后会自动补全 */, 输/** 回车后会自动补全 * */ 在星号后添加内容,会自动前面补星号。 在函数上方输入/** 按Tab或者回车键,会自动补全注释说明格式。如 /** * [function_name description] * @param {[type]} * @param {[type]} * @return {[type]} */ function function_name (argument,a) { // body... }
    查看全部
  • ctrl+d 可触发多行游标
    查看全部
  • 安装SideBarEnhancements插件,就能在Sublime Text的SideBar中右键进行HTML文件用浏览器打开等很多方便的操作。
    查看全部
  • 安装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类库.
    查看全部
  • 安装Http Requester(https://packagecontrol.io/packages/Http%20Requester), 选中请求链接URL或者请求块,快捷键:alt+command+R,就能在新的界面看到调用请求的返回数据。
    查看全部
  • 安装AdvancedNewFile插件, alt+command+N后,在下面输入文件名,即可在当前文件夹下创建文件, 也支持通过输入不存在的路径创建文件夹以及文件。
    查看全部
  • 在Javascript语法环境中,Tools->Command Palette… (shift+command+P) 打开命令模式,输入Snippet,选择“Snippet:function"命令可以快速创建函数,通过tab键可以快速切换输入参数和函数体,通过sublime Text自带输入的缩写词也能自动补全代码语句,如输fun 选择提示的fun Function,就会生成函数: function function_name (argument) { // body... }, 输人ife选第一个回车,就会生成: if (true) {} else{} 安装Javascript&NodeJs Snippets 以及jQuery插件, ,很方便的提高生产力,具体指令说明:https://packagecontrol.io/packages/JavaScript%20%26%20NodeJS%20Snippets ,https://packagecontrol.io/packages/jQuery 方便的完成回调函数 安装Insert Callback插件,https://packagecontrol.io/packages/Insert%20Callback 按alt+C就能自动生成回调函数。
    查看全部
  • 安装package control: 0、打开:https://packagecontrol.io/installation,将SUBLIME TEXT 3的安装代码拷贝出来,在View->Show Console (control+`) 打开命令行,然后粘贴安装代码去命令行,然后回车,等安装完后,重启Sublime Text. 1、Tools->Command Palette… (shift+command+P) 打开命令模式,输入pc,就能看到package control的所有命令,通过“Package Control: Install Package”命令安装新的插件,“Package Control: List Packages”命令查看已经安装的插件。 2、安装插件前,可以在https://packagecontrol.io/中查看插件的详细说明,安装主题完成之后会有使用说明,按照使用说明进行配置就可以了。
    查看全部
  • 在HTML语法模式下,输入<html>,然后Edit->Tag->Close tag (option+command+.) 自动添加"</html>"闭合标记。 或者通过Emmet插件(建议先看6-1节,安装好package control,安装好Emmet插件之后再看这一节),输入"!",然后control+E,会自动帮我们生成整段HTML文档。 通过Goto->Goto Anything… (command+P),"@"符号匹配,输入body,可以快读定位到body标签,光标在body标签以后,可以command+enter,在body标签后新建一行。 输入一段无序列表: ul>.item$*10 然后control+E,就会自动帮我们生成10个li元素。 >:子元素选择符 .:代表class $:序号 输入"h2{内容}" 后 control+E 自动生成 <h2>内容</h2> 输入“script”后control+E 自动生成Javascript标签。 shift+command+v 粘贴,过程中保持了缩进。
    查看全部
  • cmd+shift+D 可以复制多行文本
    查看全部
  • ctrl+shift+p 可进入菜单以选择以何种语法编写该文件
    查看全部
    0 采集 收起 来源:Goto Anything

    2015-01-27

  • 在进入gotoAnything菜单后 可以按@ 然后对css选择器进行索引 在输入css属性性可以使用缩写
    查看全部
    0 采集 收起 来源:Goto Anything

    2015-01-27

  • gotoAnything特性(cmd+p)可以快速找到你要的文件,可支持文件目录搜索,模糊匹配
    查看全部
    0 采集 收起 来源:Goto Anything

    2015-01-27

举报

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

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