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)*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键

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



http://www.chinasem.cn/article/825864

相关文章

Java实现复杂查询优化的7个技巧小结

《Java实现复杂查询优化的7个技巧小结》在Java项目中,复杂查询是开发者面临的“硬骨头”,本文将通过7个实战技巧,结合代码示例和性能对比,手把手教你如何让复杂查询变得优雅,大家可以根据需求进行选择... 目录一、复杂查询的痛点:为何你的代码“又臭又长”1.1冗余变量与中间状态1.2重复查询与性能陷阱1.

Python内存优化的实战技巧分享

《Python内存优化的实战技巧分享》Python作为一门解释型语言,虽然在开发效率上有着显著优势,但在执行效率方面往往被诟病,然而,通过合理的内存优化策略,我们可以让Python程序的运行速度提升3... 目录前言python内存管理机制引用计数机制垃圾回收机制内存泄漏的常见原因1. 循环引用2. 全局变

MySQL中查询和展示LONGBLOB类型数据的技巧总结

《MySQL中查询和展示LONGBLOB类型数据的技巧总结》在MySQL中LONGBLOB是一种二进制大对象(BLOB)数据类型,用于存储大量的二进制数据,:本文主要介绍MySQL中查询和展示LO... 目录前言1. 查询 LONGBLOB 数据的大小2. 查询并展示 LONGBLOB 数据2.1 转换为十

Python多线程实现大文件快速下载的代码实现

《Python多线程实现大文件快速下载的代码实现》在互联网时代,文件下载是日常操作之一,尤其是大文件,然而,网络条件不稳定或带宽有限时,下载速度会变得很慢,本文将介绍如何使用Python实现多线程下载... 目录引言一、多线程下载原理二、python实现多线程下载代码说明:三、实战案例四、注意事项五、总结引

Python进阶之列表推导式的10个核心技巧

《Python进阶之列表推导式的10个核心技巧》在Python编程中,列表推导式(ListComprehension)是提升代码效率的瑞士军刀,本文将通过真实场景案例,揭示列表推导式的进阶用法,希望对... 目录一、基础语法重构:理解推导式的底层逻辑二、嵌套循环:破解多维数据处理难题三、条件表达式:实现分支

Python中的filter() 函数的工作原理及应用技巧

《Python中的filter()函数的工作原理及应用技巧》Python的filter()函数用于筛选序列元素,返回迭代器,适合函数式编程,相比列表推导式,内存更优,尤其适用于大数据集,结合lamb... 目录前言一、基本概念基本语法二、使用方式1. 使用 lambda 函数2. 使用普通函数3. 使用 N

C#使用Spire.XLS快速生成多表格Excel文件

《C#使用Spire.XLS快速生成多表格Excel文件》在日常开发中,我们经常需要将业务数据导出为结构清晰的Excel文件,本文将手把手教你使用Spire.XLS这个强大的.NET组件,只需几行C#... 目录一、Spire.XLS核心优势清单1.1 性能碾压:从3秒到0.5秒的质变1.2 批量操作的优雅

MySQL设置密码复杂度策略的完整步骤(附代码示例)

《MySQL设置密码复杂度策略的完整步骤(附代码示例)》MySQL密码策略还可能包括密码复杂度的检查,如是否要求密码包含大写字母、小写字母、数字和特殊字符等,:本文主要介绍MySQL设置密码复杂度... 目录前言1. 使用 validate_password 插件1.1 启用 validate_passwo

Mybatis-Plus 3.5.12 分页拦截器消失的问题及快速解决方法

《Mybatis-Plus3.5.12分页拦截器消失的问题及快速解决方法》作为Java开发者,我们都爱用Mybatis-Plus简化CRUD操作,尤其是它的分页功能,几行代码就能搞定复杂的分页查询... 目录一、问题场景:分页拦截器突然 “失踪”二、问题根源:依赖拆分惹的祸三、解决办法:添加扩展依赖四、分页

c++日志库log4cplus快速入门小结

《c++日志库log4cplus快速入门小结》文章浏览阅读1.1w次,点赞9次,收藏44次。本文介绍Log4cplus,一种适用于C++的线程安全日志记录API,提供灵活的日志管理和配置控制。文章涵盖... 目录简介日志等级配置文件使用关于初始化使用示例总结参考资料简介log4j 用于Java,log4c