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中的雪花算法Snowflake解析与实践技巧

《Java中的雪花算法Snowflake解析与实践技巧》本文解析了雪花算法的原理、Java实现及生产实践,涵盖ID结构、位运算技巧、时钟回拨处理、WorkerId分配等关键点,并探讨了百度UidGen... 目录一、雪花算法核心原理1.1 算法起源1.2 ID结构详解1.3 核心特性二、Java实现解析2.

浏览器插件cursor实现自动注册、续杯的详细过程

《浏览器插件cursor实现自动注册、续杯的详细过程》Cursor简易注册助手脚本通过自动化邮箱填写和验证码获取流程,大大简化了Cursor的注册过程,它不仅提高了注册效率,还通过友好的用户界面和详细... 目录前言功能概述使用方法安装脚本使用流程邮箱输入页面验证码页面实战演示技术实现核心功能实现1. 随机

深度解析Python装饰器常见用法与进阶技巧

《深度解析Python装饰器常见用法与进阶技巧》Python装饰器(Decorator)是提升代码可读性与复用性的强大工具,本文将深入解析Python装饰器的原理,常见用法,进阶技巧与最佳实践,希望可... 目录装饰器的基本原理函数装饰器的常见用法带参数的装饰器类装饰器与方法装饰器装饰器的嵌套与组合进阶技巧

Linux如何快速检查服务器的硬件配置和性能指标

《Linux如何快速检查服务器的硬件配置和性能指标》在运维和开发工作中,我们经常需要快速检查Linux服务器的硬件配置和性能指标,本文将以CentOS为例,介绍如何通过命令行快速获取这些关键信息,... 目录引言一、查询CPU核心数编程(几C?)1. 使用 nproc(最简单)2. 使用 lscpu(详细信

Go语言代码格式化的技巧分享

《Go语言代码格式化的技巧分享》在Go语言的开发过程中,代码格式化是一个看似细微却至关重要的环节,良好的代码格式化不仅能提升代码的可读性,还能促进团队协作,减少因代码风格差异引发的问题,Go在代码格式... 目录一、Go 语言代码格式化的重要性二、Go 语言代码格式化工具:gofmt 与 go fmt(一)

前端如何通过nginx访问本地端口

《前端如何通过nginx访问本地端口》:本文主要介绍前端如何通过nginx访问本地端口的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、nginx安装1、下载(1)下载地址(2)系统选择(3)版本选择2、安装部署(1)解压(2)配置文件修改(3)启动(4)

HTML中meta标签的常见使用案例(示例详解)

《HTML中meta标签的常见使用案例(示例详解)》HTMLmeta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引... 目录html中meta标签的常见使用案例一、基础功能二、搜索引擎优化(seo)三、社交媒体集成四、移动

HTML input 标签示例详解

《HTMLinput标签示例详解》input标签主要用于接收用户的输入,随type属性值的不同,变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTMLinput标签,感兴趣的朋友一... 目录通用属性输入框单行文本输入框 text密码输入框 password数字输入框 number电子邮件输入编程框

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h

如何在Mac上彻底删除Edge账户? 手动卸载Edge浏览器并清理残留文件技巧

《如何在Mac上彻底删除Edge账户?手动卸载Edge浏览器并清理残留文件技巧》Mac上的Edge账户里存了不少网站密码和个人信息,结果同事一不小心打开了,简直尴尬到爆炸,想要卸载edge浏览器并清... 如果你遇到 Microsoft Edge 浏览器运行迟缓、频繁崩溃或网页加载异常等问题,可以尝试多种方