本文主要是介绍sublime小技巧: 写HTML设置快捷键直接在浏览器打开,快速画表格,Markdown,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
【未完待续】
- 设置快捷键直接在浏览器打开
- 快捷键 Ctrl+Shift+P(菜单栏Tools->Command Paletter)
- 输入 package control, 点击 install package
Ctrl+Shift+P, 输入view发现安装view in brouser 成功 - 设置快捷键:菜单栏Preferences->Key Bindings-User),打开Default (Windows).sublime-keymap文件编辑,
输入如下内容:
[ { “keys”: [“ctrl+alt+f”], “command”: “open_in_browser” },]
- 快速画表格:安装Emmet插件再按tab
- 确定Sublime已经安装了emmet插件
Ctrl+Shift+P(菜单栏Tools->Command Paletter) --> 在输入框中输入 install ,并按enter键 --> 再输入emmet,按enter键 ) - 在body标签中输入:
table>tbody>(tr>td*4)*3
或table>(tr>td*5)*6
- 按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>
)
- 下载autoprefixer插件
- 打开sublime ,选择菜单 Preferences > Browse Packages 将下载的压缩包解压到这
- 设置快捷键 preferences/key Bindings-User
{ “keys”: [“ctrl+alt+x”], “command”: “autoprefixer” } - 设置Preferences>package setting>AutoPrefixer>Setting-User
{
“browsers”: [“last 7 versions”],
“cascade”: true,
“remove”: true
}
last 7 versions:最新的浏览器的7个版本
cascade:缩进美化属性值
remove:是否去掉不必要的前缀
- 安装Markdown Preview插件
- 还是通过Package Control安装,使用 ctrl + shift + P来打开命令窗口,输入并选择 Package Control: Install Package
- 在弹出的窗口里输入 Markdown Preview并按回车来完成安装
- 配置快捷键:通过 Preferences -> Key Bindings - User打开sublime的快捷键 alt + m 配置文件。添加如下内容
{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }
- 支持代码高亮功能:通过在Preferences -> Package Settings -> Markdown Preview -> Settings-User用户设置文件中添加如下内容
{ "enable_highlight": true}
- 可以打开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的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!