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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 语法校验插件: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语法没有写花括号的情况 }
    查看全部
  • 1、Ctrl+N新建一个文件 2、Ctrl+Shift+P,进入命令模式,输入ssHtml,可进入到HTML编辑模式 3、Alt+. 可以快速闭合标记 4、可以使用Emme插件 5、Ctrl+Enter,在当前行下方添加一行;Ctrl+Shift+Enter,在当前行上方添加一行 6、Alt+F3,全选
    查看全部
  • 打开命令模式:Ctrl+shift+P
    查看全部
  • 1、Ctrl+H :查找替换 2、Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词) 3、Ctrl+K Ctrl+D 跳过当前选择,选择下一个 4、Ctrl+shirt+D:复制游标所在行 5、Alt+F3:选择所有与游标所在单词相同的单词 6、按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标
    查看全部
  • ALT+>
    查看全部
  • ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如:wista/index.html ctrl + p 快速定位并边界 如:@body 可以快速定位到当前文件的body标签 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签
    查看全部
    0 采集 收起 来源:Goto Anything

    2017-01-25

  • 第一种:ctrl+D 多行游标,一个一个选 ctrl+k 跳过 第二种:ctrl+D alt+f3多选 第三种:ctrl+A全选 ctrl+shift+L 第四种:shift+鼠标右键拖动
    查看全部
  • 1、Ctrl+H :查找替换 2、Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词) 3、Ctrl+K Ctrl+D 跳过当前选择,选择下一个 4、Ctrl+shirt+D:复制游标所在行 5、Alt+F3:选择所有与游标所在单词相同的单词 6、按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标
    查看全部
  • ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如:wista/index.html ctrl + p 快速定位并边界 如:@body 可以快速定位到当前文件的body标签 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签
    查看全部
    0 采集 收起 来源:Goto Anything

    2017-01-20

  • Goto Anything 快捷键 ctrl+p 功能1:快速查询文件(支持模糊匹配) 功能2:@可以查询css中的选择器或js中的函数 模糊匹配编写代码 如:background-image bgm (这功能实在太强大,缩写暂时不能适应) ctrl+shift+p 改变文件类型
    查看全部
    0 采集 收起 来源:Goto Anything

    2017-01-19

  • 注释:ctrl+/ ctrl+shift+/ 选一行:ctrl+L 选一单词:ctrl+D 复制一行:ctrl+shift+D 查找:ctrl+F 另起一行:ctrl+enter
    查看全部
  • 1.!Ctrl+e 快速生成整个html 2.跳转到包的内部 ctrl+p打开goto anything #body 3.ctrl+回车在下方插入行 4.ul下创建10行 Ul>.item$*10 ctrl+e 5.产生的缩进 选中多行 ctrl+}增加缩进 ctrl+{减少缩进 6.在多行内部添加内容,(使用多行游标)选中其中一行特征符号,alt+f3(切换到f3,+fn) 7.输入了头标签,ctrl+e 自动生成尾标签 8.ctrl+shift+回车在上方添加内容 9.拷贝文件:粘贴时候ctrl+shift+v 保持缩进
    查看全部
  • 可以用命令行安装插件,用 Package Control 安装插件的方法:按下 Ctrl+Shift+P 调出命令面板,输入install, 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。
    查看全部
  • sublime命令模式: 1、启动命令模式:Ctrl+Shift+P 切换到JavaScript命令模式:输入 set syntax JavaScript即可 (支持模糊匹配) 2、当不知道右侧小窗口的作用,在命令行输入minimap可以关闭,再输入一次可以开启。 设置。 3.Tools->Command Palette… (shift+command+P) 打开命令模式, 通过Set Syntac:选择编程语言如:Ctrl+Shift+p 输入Java回车,启动Java模式
    查看全部
  • 1、Ctrl+H :查找替换 2、Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词) 3、Ctrl+K Ctrl+D 跳过当前选择,选择下一个 4、Ctrl+shirt+D:复制游标所在行 5、Alt+F3:选择所有与游标所在单词相同的单词 6、按住shift键,然后按住鼠标右键向下拖动,也可产生多行游标
    查看全部

举报

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

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