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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
最热 最新
  • 最后的骑士
    Ctrl + Shift + p 快速更改文件类型 Ctrl + p 快速查找并打开文件，如：20160606/index.html Ctrl + p 快速定位边界，如@body ， 可以快速定位到当前文件的body标签 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签
    查看全部
    0 采集 收起 来源：Goto Anything

    2016-06-06

  • 来自火星的Mars
    6—4 和 6—5 节后续再看
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - nettus fetch

    2016-06-06

  • 三三66 01:41
    set syntax javascript切换格式
    查看全部
    0 采集 收起 来源：Sublime-命令模式

    2016-06-05

  • _莫忘初衷_
    1、输入ul>.item$*10，再按Ctrl+E,即可得到10行class=item的列表，加快开发速度<br> >生成子元素，.后面的是类名，$产生序号 2、选中需要缩进的代码行，按Ctrl+{}(大括号)，Ctrl+{是左缩进，Ctrl+}是右缩进 3、输入标签元素，按Ctrl+E，即可产生这一对标签。如：输入style,按下Ctrl+E，即可得到<style></style> 4、Ctrl+Shift+V,粘贴时保持缩进格式 4、Ctrl+Shift+Enter,在上一行添加空行
    查看全部
    0 采集 收起 来源：学以致用——Sublime综合技巧运用

    2018-03-22

  • _莫忘初衷_
    1、Ctrl+H ：查找替换 2、Ctrl+D ：选择游标所在单词，连续Ctrl+D 实现多行选择（选择与第一次选择相同的单词） 3、Ctrl+K Ctrl+D 跳过当前选择，选择下一个 4、Ctrl+shirt+D：复制游标所在行 5、Alt+F3：选择所有与游标所在单词相同的单词
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2016-06-05

  • _莫忘初衷_
    ctrl + shift + p 快速更改文件类型 ctrl + p 快速查找并打开文件 如：wista/index.html ctrl + p 快速定位并边界 如：@body 可以快速定位到当前文件的body标签 也可以把上面两个操作合二为一 如wista/index.css@body 可以快速打开index.css文件并找到body标签 时间: 2015-07-11
    查看全部
    0 采集 收起 来源：Goto Anything

    2016-06-05

  • 栗子lizi8 02:01
    ctrl+d 多选择
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2016-06-05

  • 栗子lizi8 01:33
    ctrl+h替换
    查看全部
    0 采集 收起 来源：Sublime-多行游标

    2016-06-05

  • 酒井甜子
    *********语法和编写风格的校验插件SublimeLinter********** 1. SublimeLinter插件是总框架,具体语言再另行安装 2. 具体语言风格例如js, 插件为SublimeLinter_JShint 3. 可以自定义校验风格 Eg. "eqeqeq":true //强制三等号验证 4. 需要安装npm包，安装node.js，再安装JShint,在命令行输入：npm install -g jshint,回车安装； 5. 自定义校验规则：在工程中创建配置文件，名字必须是.jshintrc ,用json语言编写 详细配置说明网站：http://jshint.com/docs/options/#curly ___________________________________________________________________________ node.js安装教程网址http://www.runoob.com/nodejs/nodejs-install-setup.html
    查看全部
    0 采集 收起 来源：Sublime-使用lint进行语法及风格校验

    2018-03-22

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

    2016-06-05

  • 酒井甜子
    1. 安装SidebarEnhancement插件 直接在Sublimt Text中运行代码（插件 Sidebarenhacemen） 1.Ctrl+Shift+P 输入pci（默认第一个） ==> enter<br> 2.输入side(选择SideBareEhancement)==》enter<br> 3.等待安装完成，测试成功 2. 在侧边栏的目录处右键发现功能增强 3. 可右键在指定浏览器中打开 4. 可快速打开文件所在的文件夹 如何以列表的形式查看已安装的插件： 1、通过ctrl+shift+p打开命令面板 2、输入“list packages”后回车，通过键盘上下键或者鼠标滚动查看列表 查看有更新的插件并且进行升级： 1、通过ctrl+shift+p打开命令面板 2、输入“upgrade packages”后回车，如果有列表出来则有插件需要更新，如果没有任何插件需要更新则会弹出提示框进行提醒， 如何进行Sublime Text插件的卸载： 1、通过ctrl+shift+p打开命令面板 2、输入“remove package”后回车，弹出的列表就是可进行卸载的插件了
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - sidebarenhancement

    2018-03-22

  • 酒井甜子
    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

  • 酒井甜子
    htttpRequester插件 下载httpRequesterer 1.在Sublime内部，做服务器响应的测试Get请求 node.js的express框架下: router.get('/',function(req,res){res.send('request with a resource');}); 注释需要测试的路由地址//localhost:3000/users/并选中 (3000为端口号) ctrl+alt+R ====>在新的Tab页里看到服务器的响应 在Sublime内部，做服务器响应的测试Post请求: node.js的express框架下: /* POST localhost:3000/users/ (3000为端口号) Content-type: application/x-www-form-urlencoded POST_BODY: ac=weeklyregister_register&code=weeklyregister&wapid=ma_62 */ 选中上面的注释 ctrl+alt+R ====>在新的Tab页里看到服务器的响应 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

  • 酒井甜子
    使用Advance new file 插件来创建新文件：打开命令模式安装Advance new fiel--ctrl+Alt+N--输入文件属性/路径：目录/目录.文件属性 ctrl+shift+P安装advanceNewfile插件可以快速的创建一个文件，列子：public/css/test.css 3.安装插件ctrl+shirt+p 输入pic 到 pc：install package ，输入advancednewfile 回车安装完成 4.ctrl+alt+n 在该目录下创建文件 ， ctrl+alt+n 比ctrl+n更为方便快捷
    查看全部
    0 采集 收起 来源：Sublime辅助技巧 - advanceNewfile

    2016-06-05

  • 酒井甜子
    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
    查看全部
    0 采集 收起 来源：snippets以模板的方式编程

    2018-03-22

首页上一页103104105106107108109下一页尾页

举报

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

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

查看已购买的课程