sublime小技巧: 写HTML设置快捷键直接在浏览器打开,快速画表格,Markdown

【未完待续】

  • 设置快捷键直接在浏览器打开
  1. 快捷键 Ctrl+Shift+P(菜单栏Tools->Command Paletter)
  2. 输入 package control, 点击 install package
    Ctrl+Shift+P, 输入view发现安装view in brouser 成功
  3. 设置快捷键:菜单栏Preferences->Key Bindings-User),打开Default (Windows).sublime-keymap文件编辑,
    输入如下内容:
    [ { “keys”: [“ctrl+alt+f”], “command”: “open_in_browser” },]
  • 快速画表格:安装Emmet插件再按tab
  1. 确定Sublime已经安装了emmet插件
    Ctrl+Shift+P(菜单栏Tools->Command Paletter) --> 在输入框中输入 install ,并按enter键 --> 再输入emmet,按enter键 )
  2. 在body标签中输入: table>tbody>(tr>td*4)*3table>(tr>td*5)*6
  3. 按tab键
  • 自动添加浏览器前缀
    为了让CSS3样式兼容,需要将某些样式加上浏览器前缀
前缀浏览器
-ms-IE浏览器
-moz-Firefox
-o-opera
-webkit-chrome safari

(补充,PC端兼容HTML5的方法:在页面中引入以下js文件:<script type="text/javascript" src="//cdn.bootcss.com/html5shiv/r29/html5.js"></script>

  1. 下载autoprefixer插件
  2. 打开sublime ,选择菜单 Preferences > Browse Packages 将下载的压缩包解压到这
  3. 设置快捷键 preferences/key Bindings-User
    { “keys”: [“ctrl+alt+x”], “command”: “autoprefixer” }
  4. 设置Preferences>package setting>AutoPrefixer>Setting-User
    {
    “browsers”: [“last 7 versions”],
    “cascade”: true,
    “remove”: true
    }
    last 7 versions:最新的浏览器的7个版本
    cascade:缩进美化属性值
    remove:是否去掉不必要的前缀
  • 安装Markdown Preview插件
  1. 还是通过Package Control安装,使用 ctrl + shift + P来打开命令窗口,输入并选择 Package Control: Install Package
  2. 在弹出的窗口里输入 Markdown Preview并按回车来完成安装
  3. 配置快捷键:通过 Preferences -> Key Bindings - User打开sublime的快捷键 alt + m 配置文件。添加如下内容
    { "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }
  4. 支持代码高亮功能:通过在Preferences -> Package Settings -> Markdown Preview -> Settings-User用户设置文件中添加如下内容{ "enable_highlight": true}
  5. 可以打开Markdown Preview的安装目录,找到markdown.css和github.css文件。根据需要修改css文件,如将body { width: 45em; border: 1px solid #ddd; outline: 1300px solid #fff; margin: 16px auto; }宽度修改更大(80%)。
    注意:sublime安装目录的 Data\Installed Packages目录直接用系统里的压缩工具打开zip包找markdown.css和github.css,修改完成需要保存回压缩包。
  • 同样可以安装MarkdownEditing插件,常用快捷键
    一级标题 ctrl+1
    二级标题 ctrl+2
    三级标题 ctrl+3
    以此类推,直到六级标题
    插入参考式链接 ctrl+win+r
    选中相关文字,粗体Alt+B,斜体Alt+I
    引用,>键或者Tab键
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值