【网络教程】sublime快速生成HTML头,使用快捷键打开HTML文档,px转rem插件
文章目录
问题描述
我们在写HTML文档的时候,需要在新建一个文档然后快速的生成HTML的简单架构(HTML头),因为那些内容几乎都是一样的,手写的话太过于浪费时间,这里我们将通过安装插件的方式来实现快速的生成HTML头.
解决方案
- 打开sublime,然后快捷键
Ctrl + Shift + P
打开搜索窗口搜索install
,如图 - 然后接着在窗口搜索
Emmet
,如图 - 等待安装完成之后,我们就可以在新建的html文档中通过快捷键
! + Tab键
快速生成HTML5的头了,如图:
快速在浏览器中打开html文件
我们在写HTML文档的时候需要经常在浏览器中进行预览或者说是调试,所以最好是有一种快速的方式能在浏览器中打开我们当前编辑的html文档,现在我们就来进行这一步的设置.
-
- 打开sublime,然后快捷键
Ctrl + Shift + P
打开搜索窗口搜索install
,如图
- 打开sublime,然后快捷键
- 然后接着在窗口搜索
ViewInBrower
,如图 - 安装完成之后(重启)我们需要打开下图的路径进行快捷键的绑定:
- 直接在
Preferences->Key Bindings
中文界面为首选项->快捷键设置
中添加下列代码:[ { "keys": ["快捷键"], "command": "open_in_browser" },]
,保存(全英文状态)如图: - 设置完之后记得保存,然后就可以使用快捷键在浏览器快速打开当前的HTML文档了!