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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 快捷键
    查看全部
  • 服务端测试插件
    查看全部
  • advanceNewfile插件快速创建文件,ctrl+alt+N
    查看全部
  • 1.ctrl+N快捷创建文件
    查看全部
  • ctrl+H
    查看全部
  • goto ctrl+p 查找
    查看全部
    0 采集 收起 来源:Goto Anything

    2016-06-29

  • 使用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,命令代码时:npw install -g jshint。 如果没有安装node的话,那么npw命令就是无效的。 注意:在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. 注释是一种好的编程习惯,提高代码可读性和维护性 2. 安装Dockblockr插件 3. 输入/* 按 Enter,补充行注释。或选中后热键 Ctrl+ / 4. 输入/** 按 Enter,补充多行注释。或选中后热键 Ctrl+shift+ / 5. 在写好的函数上方输入/**按tab键,自动补充函数说明格式。
    查看全部
  • 开发中辅助技巧:sidebarenhancement 在sublime text3中如何实现在浏览器中打开我们想要浏览的html文件? 步骤: 1)ctrl+shfit+p-->输入pcip回车-->sidebarenhancement 回车即可 2)点击x.html右键选择open in browser-->选择相应的浏览器即可在浏览器打开该文件。
    查看全部
  • 使用nettus fetch插件 ctrl+shift+p--->输入nettus fetch回车--->ctrl_shift+p--->输入fetch manage来管理配置文件 使用fetch来下载jquery步骤: ctrl+alt+n在某个目录下创建一个jQuery文件--->在该文件中输入ctrl+shift+p--->输入fetch file回车--->jquery回车下载。就可以了。 在fetch配置文件中来增加新的类库(如:underscore.js): 步骤如下: 在该文件中添加"underscore":"http://github.com/jashkenas/underscore/blob/master/underscore.min.js"和前一个参数以"逗号"来分隔。 ctrl+alt+n在某个目录下创建一个underscore文件--->在该文件中输入ctrl+shift+p--->输入fetch file回车--->jquery回车下载。就可以了。 到github下载underscore.js文件 github上的underscore文件地址: https://raw.githubusercontent.com/jashkenas/underscore/master/underscore-min.js
    查看全部
  • 辅助技巧:httpRequest 下载插件http Requester alt+ctrl+r:查看服务器响应的内容 node.js代码: 在sublime text编辑器内部来实现服务器端服务器响应的测试: 下载插件: 下载完成之后,使用注解的方式: 如: //localhost:3000/users/ 选择注解的文字--->alt+ctrl+r就可以看到服务器端服务器响应的结果了。 模拟post请求,在以前需要写一个表单模拟,不利于开发 不需要前端表单的情况下来模拟post请求: 找到httprequest官方网站(https://github.com/braindamageinc/SublimeHttpRequester)找到post请求需要的参数。
    查看全部
  • 1.切换语言格式,ctrl+shirt+p 2.简化操作 ctrl+shirt+p 输入 snippet:function 自动生成function的基本结构! tab键 移动光标到下一个词 自动补全功能,输入前几个英文字母,按enter 自动生成一段代码结构! 3.输入前一个英文字母,按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、安装advanceNewFile插件,ctrl+alt+n在该目录下创建文件或者命名文件; 2、Ctrl+Alt+N输入文件名即可在当前文件夹下创建文件; 3、Ctrl+Alt+N输入带路径的文件名即可在该路径下创建文件,如果路径不存在,便创建出该路径
    查看全部
  • CTRL+SHIFT+P 进入命令模式 CTRL+P 查找,转到
    查看全部
  • JS章节时补充
    查看全部

举报

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

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