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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 急急急
    查看全部
  • 开发好插件不错!docbloc
    查看全部
  • 这个插件还是要的!
    查看全部
  • 到此是具体的实战,对于我这样的小白,有些难以跟上了!sublime的基本操作是学会了!!使用!
    查看全部
  • eemet插件html应用:(ctr + e) html:5 或!:用于HTML5文档类型 html:xt:用于XHTML过渡文档类型 html:4s:用于HTML4严格文档类型 p#idname.classname:自动补全id或class p{元素的内容}:添加元素内容 a[href="www.baidu.com"]:添加属性 >:子元素符号,表示嵌套的元素 +:同级标签符号 (.divclass#divid):()分块 li:用于ul和ol中 tr:用于table、tbody、thead和tfoot中 td:用于tr中 option:用于select和optgroup中 p*3:创建多个元素 ul>li.item$*3:带自增属性的的多个元素
    查看全部
  • Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。 Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。 Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+ 效果一样。 Ctrl+Enter 在下一行插入新行。即使光标不在行尾,也能快速向下插入一行。 Ctrl+Shift+Enter 在上一行插入新行 Ctrl+Shift+ 将光标所在行和上一行代码互换。 Ctrl+Shift+ 将光标所在行和下一行代码互换。 Ctrl+Alt+ 向上添加多行光标,可同时编辑多行。 Ctrl+Alt+ 向下添加多行光标,可同时编辑多行。 Ctrl+J 合并选中的多行代码为一行。 Ctrl+Shift+D 复制光标所在整行,插入到下一行。 Ctrl+Shift+K 删除整行。
    查看全部
  • Ctrl+Shift+P
    查看全部
  • 语法校验插件:jshint 使用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,命令代码时:npm install -g jshint。 如果没有安装node的话,那么npw命令就是无效的。 注意:npm命令需要先运行nodejs安装目录里的npm.cmd文件才能生效 在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语法没有写花括号的情况 }
    查看全部
  • 快速添加注释:DocBlockr
    查看全部
  • 库管理:nettus fetch
    查看全部
  • Alt+. 添加结尾标签 进入go to anything 输入#在页面内查找选择器 Ctrl+Enter 在当前行下添加一行 ul>.item*10 创建包含10个子元素的ul Ctrl+} 增加缩进 Ctrl+{ 减少缩进 Ctrl+Shift+Enter 在上一行添加内容 Ctrl+Shift+V 代码格式化粘贴
    查看全部
  • Ctrl+Shift+P 启动命令模式 Set Syntax + 文本模式 设置文本类型
    查看全部
  • 1.Ctrl+D 多行游标选择 Ctrl+K 跳过多行游标 2.Alt+F3 全选单词并进入多行游标 3.Ctrl+Shift+L 选择内容后使用该快捷键可在每行产生游标 4.按住shift并拖动鼠标右键下拉可进入多行游标 ctrl+h 替换功能 Ctrl+k 删除行 Ctrl+Shift+D 复制整行
    查看全部
  • alt+shift+2将sT拆成左右两块 alt+shift+4拆成从左到右四块 alt+shift+8拆成上下两块 alt+shift+9拆成上下三块 菜单栏主要功能介绍 File -> New File:创建新的编辑区,Ctrl+N Open File:在本地选择打开之前编辑过的文件,Ctrl+O 打开文件之后右下角显示文件的类型 点击右下角可以对文件类型进行切换 Edit(包含对文件编辑的一些命令)-> Line -> Indent:增加缩进,Ctrl+] Unindent:减少缩进,Ctrl+[ Duplicate Line:复制一行,Ctrl+Shift+D Delete Line:删除一行,Ctrl+Shift+K Comment(注释)-> Toggle Comment:注释选中的代码,Ctrl+/ Toggle Block Comment:可以显示注释,Ctrl+Shift+/ Text(对文件的编辑命令)-> Insert Line Before:在光标所在行的上一行插入一个新行,Ctrl+Shift+Enter Insert Line After:在光标所在行的下一行插入一个新行,Ctrl+Enter Selection(选择功能,帮助选择代码)-> Expand Selection to Line:选择当前光标所在行,Ctrl+L Expand Slection to Word:选择当前光标所在单词,Ctrl+D (可重复命令进行多次选择,产生多行光标) Find(查找替换功能)-> Find...:查找输入框,回车键实现下一个查找,Ctrl+F View(包含对Sublime编辑器本身界面的配置)-> Side Bar -> Show Side Bar:显示侧边栏,Ctrl+K,Ctrl+B Goto -> Goto Anything...:可以在文件内或文件之间快速导航,Ctrl+P (比如输入":20",即跳转到第20行) Tools -> Command Palette...:命令模式,Ctrl+Shift+P Preferences(可进行个性化定制)-> Settings-Default(打开Sublime配置文件) Settings-User(自己的设置) Color Scheme(颜色修改)
    查看全部
  • 20161231,换新,小目标,大目标
    查看全部

举报

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

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