从0到上线开发企业级电商项目_前端_05_Sublime使用技巧+chrome调试工具

一、sublime

1.sublime的优点

功能设计合理，支持多光标操作

轻量级，运行速度快，使用流畅

界面简洁美观，有利于集中注意力

扩展性号，插件很多

2.sublime常用设置

Sublime -> Preferences -> Setting-User

3.快捷键

ctrl + shift + d 复制行

ctrl + shift + k 删除行

ctrl + ; 注释

ctrl + w 关闭当前标签

ctrl + n 打开新标签

ctrl + shift + t 恢复关闭的标签

ctrl + d 查找并选择

ctrl + f 当前页查找

ctrl + shift + f 在文件夹中查找

 

二、chrome调试工具

ctrl+i 调出调试工具

Element 显示heml的DOM元素

Network 页面请求，所有的网络请求都会经过这里

XHR：一般.json接口在这里，点击进入后看到整个请求信息

General：描述接口基本信息

Response Header：服务器相应信息

Response

格式化返回值

Cookie请求时带的数据信息

timing 这个请求维持的时常

application 存放页面的资源信息

console 命令行工具，可以在这里直接输入js语句

标题栏最左上角图标，选择工具

第二个图标：移动设备开发

 

 三、参考资料

1.sublime 快捷键整理（个人使用习惯）