【网络教程】sublime快速生成HTML头,使用快捷键打开HTML文档,px转rem插件


问题描述

我们在写HTML文档的时候,需要在新建一个文档然后快速的生成HTML的简单架构(HTML头),因为那些内容几乎都是一样的,手写的话太过于浪费时间,这里我们将通过安装插件的方式来实现快速的生成HTML头.


解决方案

  • 打开sublime,然后快捷键Ctrl + Shift + P打开搜索窗口搜索install,如图【网络教程】sublime快速生成HTML头,使用快捷键打开HTML文档,px转rem插件
  • 然后接着在窗口搜索Emmet,如图【网络教程】sublime快速生成HTML头,使用快捷键打开HTML文档,px转rem插件
  • 等待安装完成之后,我们就可以在新建的html文档中通过快捷键! + Tab键 快速生成HTML5的头了,如图:【网络教程】sublime快速生成HTML头,使用快捷键打开HTML文档,px转rem插件

快速在浏览器中打开html文件

我们在写HTML文档的时候需要经常在浏览器中进行预览或者说是调试,所以最好是有一种快速的方式能在浏览器中打开我们当前编辑的html文档,现在我们就来进行这一步的设置.

    • 打开sublime,然后快捷键Ctrl + Shift + P打开搜索窗口搜索install,如图【网络教程】sublime快速生成HTML头,使用快捷键打开HTML文档,px转rem插件
  • 然后接着在窗口搜索ViewInBrower,如图【网络教程】sublime快速生成HTML头,使用快捷键打开HTML文档,px转rem插件
  • 安装完成之后(重启)我们需要打开下图的路径进行快捷键的绑定:【网络教程】sublime快速生成HTML头,使用快捷键打开HTML文档,px转rem插件
  • 直接在Preferences->Key Bindings中文界面为首选项->快捷键设置中添加下列代码:[ { "keys": ["快捷键"], "command": "open_in_browser" },],保存(全英文状态)如图:【网络教程】sublime快速生成HTML头,使用快捷键打开HTML文档,px转rem插件
  • 设置完之后记得保存,然后就可以使用快捷键在浏览器快速打开当前的HTML文档了!

rem值转换插件

  • 这是一个github上面的项目,一个将px转换为rem的插件,需要的朋友可以自行了解一下
  • px转rem插件
  • 更多内容