brackets 的使用

brackets 的使用

  1. 下载: http://brackets.io
    若下载不成功的可以去这里下载:https://download.csdn.net/download/zhangting123123/12665775

  2. 安装: 直接双击安装就可以
    在这里插入图片描述
    安装好后就看到下图:
    在这里插入图片描述

  3. 工具使用:
    3.1 切换语言,debug–>switch language, 选择你想换的
    在这里插入图片描述在这里插入图片描述

    3.2 安装插件
    右侧导航栏选择:
    在这里插入图片描述
    在这里插入图片描述
    可以选择url 安装,复制你想要的插件地址:
    插件地址:
    1、显示你打开文件对应的图标 https://github.com/ivogabe/Brackets-Icons
    2、javascript 全局变量高亮 https://github.com/ForbesLindesay/brackets-globals
    3、皮肤插件 https://github.com/MiguelCastillo/Brackets-Themes
    4、javascript 代码审查,建议所写的代码都检查一下 https://github.com/markmcintyre/brackets-jslint
    5、更改代理,Brackets安装扩展是被墙了,如果用gae,那么这个插件将会很好用 https://github.com/ohnnyj/brackets-proxy
    6、Indent Guides,显示一条竖直的缩进辅助线,有助于代码整齐,安装后在“视图”菜单栏下方就会有ndent Guides https://github.com/lkcampbell/brackets-indent-guides
    7、Emmet(原名Zen coding),快速书写HTML/CSS必备神器,菜单栏直接出现选项按钮,若不能安装,就下载zip拖拽到工具内
    http://emmet.io/

    8、代码格式化
    https://github.com/drewhamlett/brackets-beautify
    9、代码快折叠 https://github.com/thehogfather/brackets-code-folding
    10、为你的编辑器增加工作空间管理 https://github.com/thomasvalera/Brackets-Workspaces
    11、Autosave Files on Window Blur,当软件失去焦点或切换程序时,自动保存所有文件,无按钮,自动后台实现 https://github.com/martypenner/brackets-autosave-files-on-window-blur
    12、自动保存每一次编辑 https://github.com/nmaxcom/brackets-autosaver
    13、CanIUse不用离开
    Brackets 就可以查看当前浏览器是否支持某个特定的 WEB 技术 https://github.com/cfjedimaster/brackets-caniuse
    14、HTML Skeleton 可以快速的为你的 HTML 文件插入基本的标签,如doctype声明、html、head、body等等 https://github.com/le717/brackets-html-skeleton
    这个插件安装后,记得设置一下:
    在这里插入图片描述

15、HTML Wrapper 快速使用 li、tr、a等包裹一列元素 https://caferati.me/labs/html-wrapper
16、Autoprefixer 该扩展可以自动只能的为 CSS 元素添加前缀 https://github.com/mikaeljorhult/brackets-autoprefixer
17、JS CSS Minifier这个扩展为你的 JavaScript 和 CSS 文件移除不必要的字符。这个过程成为压缩,它可以提升网页的加载速度。 https://github.com/abagshaw/brackets-minifier
18、这个插件可以高亮 CSS 错误及代码质量问题,它通过 CSS Lint 来报告错误与警告。 https://github.com/cfjedimaster/brackets-csslint

  1. 快捷键:参考地址: https://blog.csdn.net/u012011360/article/details/41209223

tab 自动补全
ctrl+shift+a 选中一段文字后加标签 里面可以是 div.container 或 ul>li* 等
Ctrl/Cmd + Alt + P 打开即时预览功能

ctrl+shift+l 快速格式化

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值