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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • go to anything (Ctrl+P) 可以搜索项目中的文件
    查看全部
  • Goto Anything 用Ctrl+P快捷键打开Goto Anything搜索框 输入index.html或view/index或views/indexhtml可找到html文件 在CSS中的操作 输入public/css/bootstrap打开CSS文件,可通过符号在CSS文件的选择器之间快速导航,在打开的Goto Anything搜索框内输入"@"符号,会显示文件中包含的所有CSS选择器,可用方向键导航,再输入要找的选择器(如body),定位到该选择器并可进行相关操作(如设置背景色可输入bgc) 在JavaScript中的操作 先把语法模式变为JavaScript,使用命令模式Ctrl+Shift+P,输入js 打开Goto Anything搜索框输入"@",会显示文件中包含的所有函数 组合功能 如在index.html文件中修改index.html背景色 打开Goto Anything搜索框输入"public/css/bo(或bootstrap)@body",再在body选择器中输入bgc设置背景色
    查看全部
    0 采集 收起 来源:Goto Anything

    2018-03-22

  • SublimeLinter插件进行语法及风格校验 安装sublimelinter-jshint插件针对js语法校验,然后命令行输入 npm install -g jshint 道爷亲自编写的网站 http://www.jslint.com/ jshint.com/docs/options/#curly { "eqeqeq":true,//校验三等的情况 "curly":true//校验if,for语法没有写花括号的情况 }
    查看全部
  • ***********Package Control使用方法********** 1. install Package 安装插件 2. List Package 已经安装插件列表 3. Remove Package 卸载插件 4. Disable/Enable Package 禁用/启用插件 推荐三款主题: 1.theme-soda 2.theme-flatland 3.theme-spacegray 注:主题安装好后,一段使用代码需要copy到user配置中 1、进入官网。(sublime.wbond.net) 2、选择sublime的版本 然后复制下面的代码。 3、进入sublime text 软件,选择view下的show console。 4、将代码粘贴进去按回车等待安装的完成。 5、安装完成后重启sublime text。 6、启用命令模式(ctrl+shift+p),输入package control:install package. 7、等待加载插件,加载完有很多的插件。 8、选择主题插件theme(主题) ****,有很多样式,可以去官网看,推荐flatland、soda、spacegray。。。在命令模式下选择一种,比如选择 theme spacegray。 9、等待安装,安装完成后会弹出使用说明,说明里有叫你把space eighties 下面的复制到自己用户的配置信息中,也就是preferences菜单下的settings user里将复制的代码粘贴进去。(打个逗号粘贴),保存后安装完成,sublime text的主题就会变成安装的主题样式
    查看全部
  • Emmet插件<br> 输入!后,按Ctrl+E,变成HTML5文档 ul>li*4, 按Ctrl+E, 试试 ul>.class*4, 按Ctrl+E, 试试 h1{this is content}, 按Ctrl+E, 试试
    查看全部
  • DocBlockr插件 输入/*然后回车,会自动补全一个*/ 支持注释块,/** 在函数上输入/**然后回车,会自动生成函数相关信息的注释块,有参数和返回return
    查看全部
  • 输入! Ctrl+E可以直接显示HTML5的模板
    查看全部
  • SideBarEnhancement插件 增加文件右键后可选项,比如复制路径信息,在浏览器中打开
    查看全部
  • Ctrl+shift+P 打开命令模式 Ctrl+P 打开文件搜索
    查看全部
  • ctrl+D选择 ctrl+K跳过选择
    查看全部
  • Nettuts Fetch插件 命令模式下输入fetch 比如获取jquery的源码,新建好一个jquery.js文件后,命令模式下输入fetch,然后选择你要的文件比如jQuery.js 还可以自行添加文件源地址
    查看全部
  • http Requester插件 在js文件中选中http请求地址(Get),按Command+Option+R,然后会在新标签页中得到服务器的Get响应信息<br> Github:https://github.com/braindamageinc/SublimeHttpRequester POST请求例子 POST http://localhost:8080 Content-type: application/x-www-form-urlencoded POST_BODY: variable1=avalue&variable2=1234&variable3=anothervalue
    查看全部
  • Advancednewfile插件 Command+Option+N 快速新建一个文件 文件名可以含有路径,指定路径下新建,如果文件夹不存在,自动生成
    查看全部
  • Insert Callback插件 不用自己手输入回调函数,按Option+C,自动填充
    查看全部
  • 快速生成的代码,比如函数,编辑函数名之后,按Tab键可以切换到参数区域编辑,再按一次Tab键切换到函数体,在其他地方还有意想不到的功能,总之多用Tab键
    查看全部

举报

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

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