web前端开发与调试工具

sublime text介绍

常用快捷键:

功能 快捷键
查找 Ctrl + P
定位到精确的行(: + 行号)
定位到具体符号(@ + 符号)
匹配到具体关键字(# + 关键字)
命令行面板 Ctrl + shift + P
多行选择并操作 Ctrl + D,Ctrl + shift + L
假设要对eAccount变量全部进行统一操作,可以用Alt + F3命令
将文件中的方法罗列出来以方便查找 ctrl + r

多行编辑

  • ctrl + d: 选中光标所占的文本,继续操作则会选中下一个相同的文本。(愚人码头注:多按几下试试)
  • ctrl + click: 单击想要编辑的每一个地方,都将创建一个光标
  • ctrl + shift + f 和 alt + enter: 在你的文件查找一个文本,然后将其全部选中
  • ctrl+l 选中整行,继续操作则继续选择下一行,效果和 shift+↓ 效果一样。
  • ctrl+shift+l 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。
  • ctrl+alt+↑ 或 ctrl+alt+鼠标向上拖动 向上添加多行光标,可同时编辑多行。
  • ctrl+alt+↓ 或 ctrl+alt+鼠标向下拖动 向下添加多行光标,可同时编辑多行。
  • shift+↑ 向上选中多行。
  • shift+↓ 向下选中多行。

安装插件



然后添加安装代码到命令行

常用插件

  • Package Control(包控制)
    Sublime Text提供了绝对必要的包管理器。这是安装下面列出的所有插件和主题的最佳方式。继续,在包控制在安装插件。
    使用方法:进入命令面板(ctrl + shift+ p),然后键入 install。
    包控制将加载所有可用于安装的包。看看你可以查找并安装自己喜欢的包.
  • Alignment (代码对齐)
    一个非常简单和易于使用的插件,使你的代码组织和美观。当您重温代码时候非常有用。
    使用方法:选中要调整的行,然后按 Ctrl+ Alt + A



  • BracketHighlighter
    该插件提供行数列高亮的各种配对的语法符号。(就是将配对的括号等显示在行数列上)
  • Colorpicker
    使用一个取色器改变颜色
    使用方法: ctrl + shift + c


  • Emmet
    Emmet绝对的节省时间。您可以轻松快速地编写HTML。
    使用方法: ctrl + alt + enter ,并且开始输入Emmet风格的HTML
    Emmet指南

  • DocBlockr
    一个真正简单的方式来轻松地创建许多语言包括JavaScript,PHP和CoffeeScript的文档块。只要在函数的上面输入/**,按Tab就可以了。DocBlockr会观察函数需要的变量名和类型,并创建文档块。



  • SidebarEnhancements
    在侧边栏的文件上右击时,这个插件提供了大量更多的选择。打开,查找,复制和粘贴,等等。
    这里是老菜单和SidebarEnhanced菜单的比较。



利用chrome调试

Element面板:用于调试HTML和CSS(页面制作相关)
Network面板:可以用于查看网站或网络请求
Sources面板:
console:命令行工具

如何打开调试工具:右键选择检查 或者 F12打开

查看某一项元素的源代码:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插...
    xiaotao123阅读 13,142评论 0 27
  • Sublime Text:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插...
    追風逸少丶阅读 13,874评论 1 34
  • (祝大家中秋节快乐) 红色的新月挂在广阔的银色湖面上,初夏黎明的夜空清澈如洗,高悬着点点繁星,轻柔地...
    百页阅读 5,734评论 18 56
  • 我的宝贝
    枚枚123阅读 754评论 0 0
  • 现在是北京时间22点08分,我开始了今天的码字。 昨天下午下班要去找我的“司机”—31路公交车的时候,突发奇想,今...
    心理咨询师世林阅读 1,176评论 0 0