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

本文主要是介绍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)*3 或table>(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键

这篇关于sublime小技巧: 写HTML设置快捷键直接在浏览器打开，快速画表格，Markdown的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---