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

相关文章

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya(不是本人,claude AI)在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容: 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

【 html+css 绚丽Loading 】000046 三才归元阵

前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

电脑桌面文件删除了怎么找回来?别急,快速恢复攻略在此

在日常使用电脑的过程中,我们经常会遇到这样的情况:一不小心,桌面上的某个重要文件被删除了。这时,大多数人可能会感到惊慌失措,不知所措。 其实,不必过于担心,因为有很多方法可以帮助我们找回被删除的桌面文件。下面,就让我们一起来了解一下这些恢复桌面文件的方法吧。 一、使用撤销操作 如果我们刚刚删除了桌面上的文件,并且还没有进行其他操作,那么可以尝试使用撤销操作来恢复文件。在键盘上同时按下“C

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

购买磨轮平衡机时应该注意什么问题和技巧

在购买磨轮平衡机时,您应该注意以下几个关键点: 平衡精度 平衡精度是衡量平衡机性能的核心指标,直接影响到不平衡量的检测与校准的准确性,从而决定磨轮的振动和噪声水平。高精度的平衡机能显著减少振动和噪声,提高磨削加工的精度。 转速范围 宽广的转速范围意味着平衡机能够处理更多种类的磨轮,适应不同的工作条件和规格要求。 振动监测能力 振动监测能力是评估平衡机性能的重要因素。通过传感器实时监

滚雪球学Java(87):Java事务处理:JDBC的ACID属性与实战技巧!真有两下子!

咦咦咦,各位小可爱,我是你们的好伙伴——bug菌,今天又来给大家普及Java SE啦,别躲起来啊,听我讲干货还不快点赞,赞多了我就有动力讲得更嗨啦!所以呀,养成先点赞后阅读的好习惯,别被干货淹没了哦~ 🏆本文收录于「滚雪球学Java」专栏,专业攻坚指数级提升,助你一臂之力,带你早日登顶🚀,欢迎大家关注&&收藏!持续更新中,up!up!up!! 环境说明:Windows 10

计算机毕业设计 大学志愿填报系统 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试

🍊作者:计算机编程-吉哥 🍊简介:专业从事JavaWeb程序开发,微信小程序开发,定制化项目、 源码、代码讲解、文档撰写、ppt制作。做自己喜欢的事,生活就是快乐的。 🍊心愿:点赞 👍 收藏 ⭐评论 📝 🍅 文末获取源码联系 👇🏻 精彩专栏推荐订阅 👇🏻 不然下次找不到哟~Java毕业设计项目~热门选题推荐《1000套》 目录 1.技术选型 2.开发工具 3.功能