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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 菜单栏 Goto > Goto Anyting. 快捷键 Ctrl + P 功能1:快速查询文件(支持模糊匹配)并高亮显示不同的文件,如view/index.html表示 查找view文件下的index.html 功能2:符号功能(@ )可以查询css中的选择器或js中的函数 如:@body 可以快速定位到当前文件的body标签 功能3:可以模糊匹配编写代码 如:background-image可以输入bgm就匹配出来
    查看全部
    0 采集 收起 来源:Goto Anything

    2018-03-22

  • edit->comment->toggle comment :注释,可以把程序块注释掉; 可以直接打开图片; preferences->setting user可以修改默认的设置; preferences->color scheme可以修改界面颜色
    查看全部
  • ctrl k,d要连续按
    查看全部
  • 5-1 6-1
    查看全部
  • http://zh.lucida.me/blog/sublime-text-complete-guide/
    查看全部
  • 辅助技巧-httpRequest Ctrl+Shift+P打开命令模式,输入"pci"(Package Control:Install Package),在提示框输入"http",选"Http Requester"进行安装。 安装完成后要使用注解的方式来标记函数需要测试的路由地址 在Sublime内部,做服务器响应的测试Get请求 /* GET users listing. */ // localhost:3000/users/ router.get('/', function(req, res) { res.send('respond with a resource'); }); 注释需要测试的路由地址"// localhost:3000/users/"(localhost为路由地址,3000为端口号) 选中"localhost:3000/users/",使用快捷键"Alt+Ctrl+R",出现新的页面显示服务器的响应,"200 OK"表示服务器响应正确。 get请求比较容易测试,可以在浏览器中输入地址;post请求比较难以测试 以前测试post请求需要完成一个表单(用html语言写),然后模拟提交,这样不利于开发 不需要前端form表单的情况下来模拟form提交,先完成post请求 在Sublime内部,做服务器响应的测试Post请求 /* POST localhost:3000/users/ Content-type: application/x-www-form-urlencoded POST_BODY: variable1=avalue&variable2=1234&variable3=anothervalue */ router.post('/', function(req, res) { res.send(req.body); }); (POST:访问地址是一个post请求,"localhost:3000/users/"是访问的地址,"Content-type...anothervalue"指定是以form表单形式提交) 选中"/* */"内的注释,使用快捷键"Alt+Ctrl+R",出现新的页面显示服务器的响应,"200 OK"表示服务器响应正确 [ 收起全文 ]
    查看全部
  • 1.ctrl+shirt+enter 在当前上方添加一行 2.(ul>.item$*10{content})+(ctrl+E) > 号生成子元素 ,$ 产生序号,{ }产生内容 3.Ctrl+] 增加缩进 [ 减小缩进。 4.alt+f3 全选,可以选中一部分再选择所有有该部分的元素。如 >< 标签之间的两个符号 5.ctrl+shift+v 保持缩进粘贴
    查看全部
  • ctrl+e alt+f3 ctrl+shift+enter ctrl+shift+v 标签>.(class名称)+$*n(数量)后跟ctrl+e
    查看全部
  • Ctrl + P
    查看全部
  • ctrl+shift+v 保留原样的粘贴
    查看全部
  • 1,新建立一个js的文件,Ctrl+shift+p输入pci安装docblockr 2,输入/*按回车,补充行注释。 3,输入/**按回车,补充多行注释。 4,在写好的函数上方输入/**按tab键,自动补充函数说明格式。 利用DocBlocker可以进行多行注释 docblock,块注释; Ctrl+/: 行注释; Ctrl+Shift+/: 块注释.
    查看全部
  • sidebar enhancement 这个插件挺好的 可以直接在sidebar中选择文件,然后右键在浏览器中看效果 而不需要去切换页面重新去文件夹里找了
    查看全部
  • 使用nettus fetch插件 ctrl+shift+p--->输入nettus fetch回车--->ctrl_shift+p--->输入fetch manage来管理配置文件 使用fetch来下载jquery步骤: ctrl+alt+n在某个目录下创建一个jQuery文件--->在该文件中输入ctrl+shift+p--->输入fetch file回车--->jquery回车下载。
    查看全部
  • AdvancedNewFile插件: 快捷方式Ctrl+Alt+N
    查看全部
  • getElementById 快捷输入 gi 这个功能并不是 javascript snippet 提供的 要在package controll 里搜索 Javascript & nodeJS snippets
    查看全部

举报

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

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