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

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

GreenBoots Web前端工程师
难度入门
时长 1小时 0分
  • 命令行中 输入snippet 选择snippet fun 回车 生成函数<br> 或者在编辑区输入fun 回车 效果相同<br> 按table键在函数名、参数、函数体间切换 编辑区输入 ife:生成if-else结构 prototype:编辑对象属性
    查看全部
  • Ctrl+Shift+P 进入命令行模式 输入pci 进入Package Controll Install Package
    查看全部
  • Emmet插件安装: 1. 安装Package Control 进入https://packagecontrol.io/的installation页面下载Package Control.sublime-package文件,在SublimeText3的Preferences-Browse Packages对话框中进入Installed Packages目录并将Package Control.sublime-package文件复制进去。然后重启sublime text3。 2.安装插件: 1)Ctrl+Shift+P:调出控制面板 2)搜索框键入Install Package命令(也可以简写)并回车,然后在列表选择Emmet。 3)点击确定等待安装 4)自动安装结束会自动弹出一个插件的安装信息的文件。
    查看全部
  • emmet插件 输入!+Ctrl+E 生成一整段基础代码 Ctrl+P 然后输入#匹配html标签 css/js使用@匹配 Ctrl+Shift+v 粘贴代码并且格式化
    查看全部
  • 新建文件 Ctrl+N<br> 打开命令行模式 Ctrl+Shift+P<br> 命令行模式下输入 set syntax javascript(简写 syntax javascript 或者 js)切换到js模式
    查看全部
  • alt+. 闭合标签 Emmet ctrl+p #页面匹配 ctrl+} 增加缩进 ctrl+{ 减少缩进 ctrl+e 补全 ctrl+shift+enter 结束标记的上一行添加内容 ctrl+shift+v 复制的过程中保持缩进
    查看全部
  • ctrl+shift+p 启动命令模式
    查看全部
  • ctrl+h find replace ctrl+d 多行游标功能 ctrl+k ctrl+d 跳过 ctrl+shift+d 快速复制 alt+f3 整页选中选择的词 ctrl+a ctrl+shift+l 全选后拆行 shift+鼠标右键 产生多行游标
    查看全部
  • ctrl+Enter 插入行
    查看全部
    0 采集 收起 来源:Goto Anything

    2015-11-02

  • Ctrl+H :查找替换 2、Ctrl+D :选择游标所在单词,连续Ctrl+D 实现多行选择(选择与第一次选择相同的单词) 3、Ctrl+K Ctrl+D 跳过当前选择,选择下一个 4、Ctrl+shirt+D:复制游标所在行 5、Alt+F3:选择所有与游标所在单词相同的单词
    查看全部
  • 插件lint系统:语法和代码风格校验 1、安装SublimeLinter 2、安装SublimeLinter-jshint 3、事先安装npm包、node.js,在cmd中执行命令行npm install -g jshint,要求jshint版本大于2.4 自定义jshint校验规则: 1、在工程中创建配置文件,固定命名为.jshintrc,配置文件中使用JSON格式书写可配置属性及其属性值,如“eqeqeq”:true表示检查是否使用了===来比较两个js变量/对象,Sublime Text左下角会显示错误提示信息 2、在jshint.com/docs/options上提供了所有的可配置属性信息
    查看全部
  • 插件DocBlockr:快速添加注释 输入/**再按Tab
    查看全部
  • 插件SideBarEnhancements:增强Sublime Text的侧边栏功能 增强功能:比如在html文件上右击会有“在浏览器中打开”的选项,等
    查看全部
  • 插件Nettus Fetch:方便管理、更新库/框架 1、在命令模式下执行fetch: manage调出管理文件,可以修改希望管理的库/框架,对应URL需自行添加 2、新建/打开存放将更新代码的文件,在命令模式下执行fetch: file,选择管理文件中希望更新的库/框架,回车更新
    查看全部
  • 插件Http Requester:客户端/服务器端交互-后台一方(如node.js)便捷测试反馈给前台的结果 1、测试GET(无需打开浏览器,无需记住URL):以注释形式在代码中书写URL,如“// localhost:3000/users/”,然后选中URL部分,Ctrl+Alt+R,Sublime中会返回测试结果及信息 2、测试POST(无需前台表单):以注释形式在代码中书写POST信息,如 “/* POST localhost:3000/users/ Content-type: application/x-www-form-urlencoded POST_BODY: variable1-avalue&variable2=1234&variable3=anothervalue(这里是测试变量名和变量值) */” Ctrl+Alt+R 测试
    查看全部

举报

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

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