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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
最热 最新
  • 慕粉3612252
    ctrl+p go to anything的快捷键 ctrl+shift+p 设置模式，可在该输入框输入Js，CSS等模式 在CSS文件下，在go to anthing输入框输入@+id/class名，立即转到该id/clss下
    查看全部
    0 采集 收起 来源：Goto Anything练习题

    2016-07-06

  • _庆轻
    Ctrl+shift+P 打开命令模式，可以直接进行模糊搜索，非常方便 可以切换文档格式如JavaScript、Java； 也可进行菜单栏里的基本修改，如输入bar，就可以调出side bar，等等，无需再用鼠标点击上方，直接在命令模式中完成； Ctrl+P 快速切换、查找 工作文档，无需用鼠标挨个的点击；当候选文件为所需文件时，可以继续输入@+（name），快速定位至文档中（name）部分，无需再手动查找。
    查看全部
    1 采集 收起 来源：Sublime-命令模式

    2016-07-06

  • 我要成为前端大姐大
    使用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语法没有写花括号的情况 }
    查看全部
    0 采集 收起 来源：Sublime-使用lint进行语法及风格校验

    2018-03-22

  • keveon
    使用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语法没有写花括号的情况 }
    查看全部
    0 采集 收起 来源：Sublime-使用lint进行语法及风格校验

    2018-03-22

  • keveon
    快速添加注释<br> /* 回车之后自动补全<br> <br> */ DocBlockr插件
    查看全部
    0 采集 收起 来源：Sublime-快速添加注释

    2018-03-22

  • keveon
    使用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
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - nettus fetch

    2018-03-22

  • keveon 02:18
    httpRequest ctrl + alt + R 运行端口（？）
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - httpRequest

    2016-07-05

  • keveon
    安装插件advanceNewfile Ctrl+alt+n-->输入路径+文件名
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - advanceNewfile

    2018-03-22

  • _庆轻
    goto anything操作：Ctrl+P @操作用来制定<br> Ctrl+shift+P 用来指定命令模式<br> <br> 多行游标操作：<br> Ctrl+D 选中光标所在的整个单词； 连续Ctrl+D可以产生多行游标，选中的都是同一个文件中的同一个单词； <br> Ctrl+K 如果想要跳过此时Ctrl+D选中的单词可以使用Ctrl+K,之后再使用Ctrl+D;<br> Ctrl+L 选中光标所在行<br> Ctrl+Z 后退操作，可连续使用<br> Ctrl+N 新建文件 Ctrl+H 统一替换名称 find replace
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2018-03-22

  • 沫去zly
    引用 ctrl + shift + p 快速更改文件类型<br> <br> ctrl + p 快速查找并打开文件 如：wista/index.html<br> <br> ctrl + p 快速定位并边界 如：@body 可以快速定位到当前文件的body标签<br> <br> 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签
    查看全部
    0 采集 收起 来源：Goto Anything

    2018-03-22

  • Jinezxcv
    1.Ctrl+Shift+p,输入pci,回车输入sublimelinter进行安装 2、然后在安装相应的代码提示，比如jshint--使用package Control安装 3、安装完之后再安装node.js 4、然后在node.js dos命令窗口安装jshint npm install -g jshint 自定义配置 .jshintrc { "eqeqeq":true} http://jshint.com/docs/options 安装sublinmelinter-cssint npm install -g csslint csslint -version SublimeLinter 1.[ctrl+shift+P]+輸入'pci'+輸入'SublimeLinter' 2.[ctrl+shift+P]+輸入'pci'+輸入'sublimeLinter-jshint' 3.下載'nodejs'，網址'http://nodejs.org/' 4.開啟命令提示字元，輸入'npm install -g jshint' 5.重新開啟Sublime，[ctrl+shift+P]+輸入'ssjs'，即可使用jslint 6.在路徑下新增檔案'.jshintrc'，制定規則 參考網址'http://jshint.com/docs/options/' Ex: { "eqeqeq":true } 進行3等號校驗 道格拉斯·克罗克福德（Douglas Crockford），http://www.ueren.com/person/view_16335.shtml JSLint，对JS进行语法校验 ·http://www.jslint.com - JSLint,The JavaScript Code Quality Tool ·http://www.jshint.com - JSHint, a JavaScript Code Quality Tool SublimeLinter，一个Linter系统/框架 在安装JSHint之前，需要先安装Node.js npm install -g jshint (使用Node的版本管理进行安装) 在Sublime Text使用JSHint需要其版本大于2.4 Lint自定义规则 > .jshintrc文件，具体的规则定义方式详见jshint网站
    查看全部
    0 采集 收起 来源：Sublime-使用lint进行语法及风格校验

    2018-03-22

  • Jinezxcv
    1,新建立一个js的文件，Ctrl+shift+p输入pci安装docblockr 2,输入/*按回车，补充注释。 3，输入/**按回车，补充多行注释。 4，在写好的函数上方输入/**按tab键，自动补充函数说明。
    查看全部
    0 采集 收起 来源：Sublime-快速添加注释

    2016-07-04

  • Jinezxcv
    设置sublime text2/3支持浏览器预览 1. 安装SideBarEnhancements插件 ctrl+shift+p —> Install Package —> 找到SideBarEnhancements SideBarEnhancements 2. 配置预览快捷键 Preferences —> Key Bindings - User 将以下代码复制到数组中。 // chrome { "keys": ["f2"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe", "extensions":".*" } }, // firefox { "keys": ["f3"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "D:/Program Files (x86)/Mozilla Firefox/firefox.exe", "extensions":".*" } }, // ie { "keys": ["f4"], "command": "side_bar_files_open_with", "args": { "paths": [], "application": "C:/Program Files/Internet Explorer/iexplore.exe", "extensions":".*" } } 上面的代码中有两处需要注意的地方，一个是keys表示快捷键，即f2可以启动chrome进行预览。另一个是application，表示浏览器所在的安装路径，只有路径配置正确，才能够正常调用浏览器
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - sidebarenhancement

    2018-03-22

  • Jinezxcv
    1，下载插件 nettus fetch 2,命令行： 管理 fetch:Manage(可配置需要的） 3,如何用fetch 快速下载JQuery 1）Ctrl+Alt+N 在public/js/jquery.js 创建文件 2)在文件中，Ctrl+Shift+P fetch File JQuery下载 安装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类库.
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - nettus fetch

    2018-03-22

  • Jinezxcv
    htttpRequester node.js的express框架 下载httpRequesterer 1.在Sublime内部，做服务器响应的测试Get请求 router.get('/',function(req,res){res.send('request with a resource');}); 注释需要测试的路由地址//localhost:3000/users/并选中 ctrl+alt+R 200 OK服务器响应正确 在Sublime内部，做服务器响应的测试Post请求: // POST http:// // Content-type: application/x-www-form-urlencoded // POST_BODY: // ac=weeklyregister_register&code=weeklyregister&wapid=ma_62
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - httpRequest

    2018-03-22

首页上一页92939495969798下一页尾页

举报

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

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

查看已购买的课程