Atom之Markdown环境搭建

2024-04-11 11:38
文章标签 搭建 环境 markdown atom

本文主要是介绍Atom之Markdown环境搭建,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一. 常用配置

File -> Settings -> Install可以查找并安装插件.

Package默认安装位置: C:\Users\zzr04.atom\packages

ctrl-shitf-p: 可以打开Command Palette.

二. 推荐插件

1. Markdown Preview Plus (MPP)

编辑实时预览插件, 在Atom官方出品的Markdown Preview上进一步修改得到(非常好用).

usage:

  • ctrl-shift-m: Toggle Preview.
  • ctrl-shift-x: Toggle Math Rendering.
  • (Optional) Install and enable Pandoc.

2. language-markdown

提供 Github Flavored Markdown 等 MD 高亮支持(不知道有什么用).

3. markdown-scroll-sync

将 markdown-preview 的编辑区和预览区同步滚动(非常好用).

scroll-sync

4. markdown-writer

方便管理图片, 链接等. 通过Command palette可以调用这些功能.

insert-image

5. pretty-json

格式化json代码. 通过Command palette里的pretty json prettify调用该功能.

6. highlight-selected

高亮选中的word.

highlight-selected

7. linter-flake8

检查Python代码规范.

三. 快捷键定制

Keymaps In-Depth给出了自定义快捷键的官方说明. 下面给出一个具体例子, 参考Wrap Selected Text - What’s the best way? - support - Atom Discussion.

在markdown编辑时, 经常要输入``来包围代码, 因此想到直接设定快捷键 ctrl- 来实现这个功能.

1. 快捷键设置

首先在File -> Keymap.cson中加入:

'atom-text-editor':'ctrl-`': 'custom:wrap-with-code-style'

2. 编写快捷键功能

在C:\Users\zzr04.atom\init.coffee文件, 加入以下代码:

wrapSelection = (selection, before, after) ->after ?= beforeselectedText = selection.getText()selection.insertText("#{before}#{selectedText}#{after}")atom.commands.add 'atom-text-editor','custom:wrap-with-code-style', ->editor = @getModel()editor.transact ->wrapSelection(selection, "```\n", "\n```") for selection in editor.getSelections()

其中, Atom的编辑区相关的API可以在TextEditor 中找到.

注意, 每次编辑init.coffee文件后, 需要重启Atom才能生效. 重启后就可以通过刚刚添加的ctrl-`快捷键来输入“`了.


参考文献

  1. 怎么将 Atom 配置成 Markdown 编辑器?
  2. Wrap Selected Text - What’s the best way? - support - Atom Discussion
  3. Keymaps In-Depth

这篇关于Atom之Markdown环境搭建的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

Python中Markdown库的使用示例详解

《Python中Markdown库的使用示例详解》Markdown库是一个用于处理Markdown文本的Python工具,这篇文章主要为大家详细介绍了Markdown库的具体使用,感兴趣的... 目录一、背景二、什么是 Markdown 库三、如何安装这个库四、库函数使用方法1. markdown.mark

本地搭建DeepSeek-R1、WebUI的完整过程及访问

《本地搭建DeepSeek-R1、WebUI的完整过程及访问》:本文主要介绍本地搭建DeepSeek-R1、WebUI的完整过程及访问的相关资料,DeepSeek-R1是一个开源的人工智能平台,主... 目录背景       搭建准备基础概念搭建过程访问对话测试总结背景       最近几年,人工智能技术

在Mysql环境下对数据进行增删改查的操作方法

《在Mysql环境下对数据进行增删改查的操作方法》本文介绍了在MySQL环境下对数据进行增删改查的基本操作,包括插入数据、修改数据、删除数据、数据查询(基本查询、连接查询、聚合函数查询、子查询)等,并... 目录一、插入数据:二、修改数据:三、删除数据:1、delete from 表名;2、truncate

5分钟获取deepseek api并搭建简易问答应用

《5分钟获取deepseekapi并搭建简易问答应用》本文主要介绍了5分钟获取deepseekapi并搭建简易问答应用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需... 目录1、获取api2、获取base_url和chat_model3、配置模型参数方法一:终端中临时将加

VScode连接远程Linux服务器环境配置图文教程

《VScode连接远程Linux服务器环境配置图文教程》:本文主要介绍如何安装和配置VSCode,包括安装步骤、环境配置(如汉化包、远程SSH连接)、语言包安装(如C/C++插件)等,文中给出了详... 目录一、安装vscode二、环境配置1.中文汉化包2.安装remote-ssh,用于远程连接2.1安装2

Java中的Opencv简介与开发环境部署方法

《Java中的Opencv简介与开发环境部署方法》OpenCV是一个开源的计算机视觉和图像处理库,提供了丰富的图像处理算法和工具,它支持多种图像处理和计算机视觉算法,可以用于物体识别与跟踪、图像分割与... 目录1.Opencv简介Opencv的应用2.Java使用OpenCV进行图像操作opencv安装j

mysql-8.0.30压缩包版安装和配置MySQL环境过程

《mysql-8.0.30压缩包版安装和配置MySQL环境过程》该文章介绍了如何在Windows系统中下载、安装和配置MySQL数据库,包括下载地址、解压文件、创建和配置my.ini文件、设置环境变量... 目录压缩包安装配置下载配置环境变量下载和初始化总结压缩包安装配置下载下载地址:https://d

将Python应用部署到生产环境的小技巧分享

《将Python应用部署到生产环境的小技巧分享》文章主要讲述了在将Python应用程序部署到生产环境之前,需要进行的准备工作和最佳实践,包括心态调整、代码审查、测试覆盖率提升、配置文件优化、日志记录完... 目录部署前夜:从开发到生产的心理准备与检查清单环境搭建:打造稳固的应用运行平台自动化流水线:让部署像

gradle安装和环境配置全过程

《gradle安装和环境配置全过程》本文介绍了如何安装和配置Gradle环境,包括下载Gradle、配置环境变量、测试Gradle以及在IntelliJIDEA中配置Gradle... 目录gradle安装和环境配置1 下载GRADLE2 环境变量配置3 测试gradle4 设置gradle初始化文件5 i

Mycat搭建分库分表方式

《Mycat搭建分库分表方式》文章介绍了如何使用分库分表架构来解决单表数据量过大带来的性能和存储容量限制的问题,通过在一对主从复制节点上配置数据源,并使用分片算法将数据分配到不同的数据库表中,可以有效... 目录分库分表解决的问题分库分表架构添加数据验证结果 总结分库分表解决的问题单表数据量过大带来的性能