前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Sublime Text 3 的 Markdown 实时预览全面总结

Sublime Text 3 的 Markdown 实时预览全面总结

作者头像
一个会写诗的程序员
发布2021-03-27 17:53:40
3.1K0
发布2021-03-27 17:53:40
举报

Sublime Text 3 简介

http://www.sublimetext.com/

Sublime Text 3 : A sophisticated text editor for code, markup and prose

Download: http://www.sublimetext.com/3

Sublime 是一款非常好用且流行的轻量级编辑器,除了代码高亮、语法提示等标配外,简约酷炫的外表看起来更是一种享受(最近一次更新从图标到界面更加扁平化),当然,Sublime只用到这个程度只能算是入门,更高级的玩法是插件扩展,这才是Sublime优于Editplus和Notepad++等轻量级的地方!

在原生的Sublime上通过安装一些插件,就可以对编辑器做自定义(比如自定义字体,自定义主题配色等)和一些功能上的拓展。可以说玩6了插件管理,Sublime就能任你把玩。

Sublime的插件扩展机制是通过Package Control来实现的。插件机制类似于Chrome浏览器的插件,用来扩展功能;而Package Control是用来为Sublime安装其他插件的插件,有点类似python的pip。

插件介绍

介绍几个Markdown类的常用插件:

插件

功能

MarkdownEditing

一个提高Sublime中Markdown编辑特性的插件

MarkdownPreview

Markdown转HTML,提供在浏览器中的预览功能

MarkdownLivePreview

提供在编辑框中实时预览的功能

LiveReload

一个提供md/html等文档的实时刷新预览的的插件

https://blog.csdn.net/qq_20011607/article/details/81370236

Package Control 的安装和使用

下面讲讲 Package Control 的安装和使用。

一、安装过程:

1.组合键 Ctrl+Shift+P 调出命令面板; 2.输入 ipc ,选择 Install Package Control (Package Control: Install Package);

3.耐心等待几秒钟,直到出现下框,表示安装成功。

几点说明:

1). sublime 支持模糊搜索,故这里用了简写,输入完整的Install Package Control也是可以的。

2).等待期间主界面没有任何反馈,切勿以为它没啥反应,其实它在后台为你安装中。其实仔细看的话,编辑器底框会显示安装状态。Sublime的大多数状态消息都只在底框位置显示,这也体现了Sublime的一个特点:强化命令行操作,弱化弹窗交互。

3).安装成功后,在 Perferences → package settings中可以看到package control选项,用package control安装了其他也会显示在这里,其实package control本身也是个插件。这个选项可对各种已安装的插件做一定的配置。 之后再按Ctrl+Shift+P 调出控制面板,输入pac,就可以看到package control这个插件的所有功能(即命令)了,如下图:

小结:插件安装方式 组合键Ctrl+Shift+P 调出命令面板 输入Package Control: Install Package,回车 在搜索框中输入要安装的包名(一个一个,不能同时安多个) 静待几秒即可安装成功。

二、Package Control 的常用命令

Discover Package: 查询插件。会跳转到Package Control的官网中。 Install Package : 安装某个插件 Remove Package: 移除某个已安装的插件 Disable Package :禁用某个已安装插件 Enable Package : 启用某个被禁用的插件 List Package : 列出所有已安装插件

三、使用:用 Package Control 安装插件

在上图中,选择 Package Control:Install Package 选项。

大约3秒后调出安装的搜索框,此时输入安装包名,选中即可,这里以常用的包 MarkdownPreview 为例:

如果插件(包)成功安装的话,就会在编辑框自动打开该包的使用说明文件:

如前所述,安装成功后,在 Perferences→ package settings中可以看到 MarkdownPreview 的选项,在这里可以对该插件进行自定义配置。

四、其他常用插件

名称

功能

ConvertToUTF8

解决文件编码转换的问题

Emmet

快速编写html、css、js的神级插件

BracktHighLighter

括号高亮显示

ColorPicke

颜色选择器

HTMLBeautify

HTML格式化插件

IMESupport

输入法支持插件

Material Theme

一个主题

ChineseLocalization

汉化插件

SideBarEnhancements

增加左边栏的功能

++P : Show the Command Palette

⌘+D: Use Multiple Selections to rename variables quickly:

Here ⌘+D is used to select the next occurrence of the current word. Once created, each selection allows for full-featured editing.

⌘+P: Quickly jump to files and functions with Goto Anything:

Here ⌘+P is used to open the Goto Anything menu, xcc is used to select the file xla_compilation_cache.cc, @ switches to symbol mode, and :c selects the XlaCompilationCache::Compile method.

⇧+⌘+R: Navigate source using Goto Definition

Here the mouse is hovered over a symbol to jump to the definition. The keyboard shortcut F12 can be used when the caret is located on a symbol, or Goto Symbol in Project can be opened via ⇧+⌘+R to jump to the definition of any symbol in the project.

Some features our users love: GOTO ANYTHING Use Goto Anything to open files with only a few keystrokes, and instantly jump to symbols, lines or words.

Triggered with ⌘+P, it is possible to:

Type part of a file name to open it. Type @ to jump to symbols, # to search within the file, and : to go to a line number. These shortcuts can be combined, so tp@rf may take you to a function read_file within a file text_parser.py. Similarly, tp:100 would take you to line 100 of the same file.

GOTO DEFINITION Using information from syntax definitions, Sublime Text automatically generates a project-wide index of every class, method and function. This index powers Goto Definition, which is exposed in three different ways:

A popup is displayed when hovering over a symbol Pressing F12 when the caret is on a symbol The Goto Symbol in Project functionality Symbol indexing can be customized on a per-syntax basis via configuration files, allowing users to tailor the feature to their needs.

MULTIPLE SELECTIONS Make ten changes at the same time, not one change ten times. Multiple selections allow you to interactively change many lines at once, rename variables with ease, and manipulate files faster than ever.

Try pressing ⇧+⌘+L to split the selection into lines and ⌘+D to select the next occurrence of the selected word. To make multiple selections with the mouse, take a look at the Column Selection documentation.

COMMAND PALETTE The Command Palette holds infrequently used functionality, like sorting, changing the syntax and changing the indentation settings. With just a few keystrokes, you can search for what you want, without ever having to navigate through the menus or remember obscure key bindings.

参考链接:

https://blog.csdn.net/qq_20011607/article/details/81370123

代码语言:javascript
复制
{
    // A list of URLs that each contain a JSON file with a list of repositories.
    // The repositories from these channels are placed in order after the
    // repositories from the "repositories" setting
    "channels": [
        "https://packagecontrol.io/channel_v3.json"
    ],

    // A list of URLs that contain a packages JSON file. These repositories
    // are placed in order before repositories from the "channels"
    // setting
    "repositories": [],

    // A list of packages to install pre-release versions for. Versions
    // under 1.0.0 are not considered pre-release, only those using the SemVer
    // -prerelease suffixes will be ignored if the package is not in this
    // list.
    "install_prereleases": [],

    // If debugging information for HTTP/HTTPS connections should be printed
    // to the Sublime Text console
    "debug": false,

    // This helps solve naming issues where a repository it not named the
    // same as the package should be. This is primarily only useful for
    // GitHub and BitBucket repositories. This mapping will override the
    // mapping that is retrieved from the repository channels.
    "package_name_map": {},

    // If package install, upgrade and removal info should be submitted to
    // the channel for aggregated statistics
    "submit_usage": true,

    // The URL to post install, upgrade and removal notices to
    "submit_url": "https://packagecontrol.io/submit",

    // If packages should be automatically upgraded when ST starts
    "auto_upgrade": true,

    // If missing packages should be automatically installed when ST starts
    "install_missing": true,

    // If a package was installed by Package Control (has a
    // package-metadata.json file) but is not in installed_packages, remove it
    // based upon the assumption that it was removed on another machine and
    // the Package Control.sublime-settings file was synced to this machine.
    "remove_orphaned": true,

    // The minimum frequency in hours in which to check for automatic upgrades,
    // setting this to 0 will always check for automatic upgrades
    "auto_upgrade_frequency": 1,

    // Packages to not auto upgrade
    "auto_upgrade_ignore": [],

    // Timeout for downloading channels, repositories and packages. Doesn't
    // have an effect on Windows due to a bug in WinINet.
    "timeout": 30,

    // The number of seconds to cache repository and package info for
    "cache_length": 300,

    // An HTTP proxy server to use for requests. Not normally used on Windows
    // since the system proxy configuration is utilized via WinINet. However,
    // if WinINet is not working properly, this will be used by the Urllib
    // downloader, which acts as a fallback.
    "http_proxy": "",
    // An HTTPS proxy server to use for requests - this will inherit from
    // http_proxy if it is set to "" or null and http_proxy has a value. You
    // can set this to false to prevent inheriting from http_proxy. Not
    // normally used on Windows since the system proxy configuration is
    // utilized via WinINet. However, if WinINet is not working properly, this
    // will be used by the Urllib downloader, which acts as a fallback.
    "https_proxy": "",

    // Username and password for both http_proxy and https_proxy. May be used
    // with WinINet to set credentials for system-level proxy config.
    "proxy_username": "",
    "proxy_password": "",

    // If HTTP responses should be cached to disk
    "http_cache": true,

    // Number of seconds to cache HTTP responses for, defaults to one week
    "http_cache_length": 604800,

    // User agent for HTTP requests. If "%s" is present, will be replaced
    // with the current version.
    "user_agent": "Package Control v%s",

    // A list of package names to ignore when performing operations. This will
    // only affect packages that appear to be a git or hg repository, but will
    // be especially useful for package developers who manually deal with the
    // repository and don't want Package Control touching it.
    //
    // It can help if trying to list packages to install hangs, possibly due
    // to an interactive prompt.
    //
    // The setting can also be set to the boolean true to ignore all git and hg
    // repositories, no matter what the name.
    "ignore_vcs_packages": [],

    // Custom path(s) to "git" binary for when it can't be automatically
    // found on the system and a package includes a .git metadata directory.
    // Supports more than one path to allow users to sync settings across
    // operating systems.
    "git_binary": [],

    // This should NOT contain the name of the remote or branch - that will
    // be automatically determined.
    "git_update_command": ["pull", "--ff", "--commit"],

    // Custom path(s) to "hg" binary for when it can't be automatically
    // found on the system and a package includes a .hg metadata directory.
    // Supports more than one path to allow users to sync settings across
    // operating systems.
    "hg_binary": [],

    // For HG repositories, be sure to use "default" as the remote URL.
    // This is the default behavior when cloning an HG repo.
    "hg_update_command": ["pull", "--update"],

    // Additional packages to ignore when listing unmanaged packages.
    "unmanaged_packages_ignore": [],

    // The downloader backends that should be used for HTTP(S) requests, split
    // by operating system to allow for configuration to be shared.
    //
    // Valid options include: "urllib", "oscrypto", "curl", "wget",
    // (Windows-only) "wininet"
    //
    // This setting allows Windows users to bypass wininet and use urllib
    // instead if they machine or network presents trouble to wininet. Some
    // OS X and Linux users have also reported better luck with certain
    // proxies using curl or wget instead of urllib.
    //
    // The "curl" and "wget" options require the command line "curl" or "wget"
    // program installed and present in the PATH.
    "downloader_precedence": {
        "windows": ["wininet", "oscrypto"],
        "osx": ["urllib", "oscrypto", "curl"],
        "linux": ["urllib", "oscrypto", "curl", "wget"]
    },

    // Directories to ignore when creating a package
    "dirs_to_ignore": [
        ".circleci",
        ".git",
        ".github",
        ".hg",
        ".svn",
        "_darcs",
        "CVS"
    ],

    // Files to ignore when creating a package
    "files_to_ignore": [
        "*.sublime-project",
        "*.sublime-workspace",
        "*.tmTheme.cache",
        ".bzrignore",
        ".gitignore",
        ".gitattributes",
        ".hgignore",
        ".codecov.yml",
        ".travis.yml",
        "appveyor.yml",
        "codecov.yml",
        "*.pyc",
        ".coveragerc",
        ".flake8",
        "pyproject.toml",
        "tox.ini",
        "mypy.ini"
    ],

    // Files to include, even if they match a pattern in files_to_ignore
    "files_to_include": [],

    // When a package is created, copy it to this folder - defaults to Desktop
    "package_destination": "",

    // A way to create different packaging profiles for different types of
    // package releases, such as for different platforms or binary-only
    // releases.
    //
    // The key of the object will be the profile name and a list of them will
    // be presenting when running the "Create Package File" command. The
    // profile "Default" will use the top-level version on the following
    // settings:
    //
    // - "dirs_to_ignore"
    // - "files_to_ignore"
    // - "files_to_include"
    // - "package_destination"
    //
    // If a profile does not include one of those three setting, it will fall
    // back to the top-level settings.
    "package_profiles": {
        "Binaries Only": {
            // Exclude all .py files, but consequently include all .pyc files
            "files_to_ignore": [
                "*.sublime-project",
                "*.sublime-workspace",
                "*.tmTheme.cache",
                ".bzrignore",
                ".gitignore",
                ".gitattributes",
                ".hgignore",
                ".codecov.yml",
                ".travis.yml",
                "appveyor.yml",
                "codecov.yml",
                "*.py",
                ".coveragerc",
                ".flake8",
                "pyproject.toml",
                "tox.ini",
                "mypy.ini"
            ],

            // Include __init__.py so Sublime Text will load the package
            "files_to_include": [
                "__init__.py"
            ]
        }
    },

    // Enable the ability to run the tests - this is only for development
    "enable_tests": false
}
代码语言:javascript
复制
{
    "bootstrapped": true,
    "in_process_packages":
    [
    ],
    "installed_packages":
    [
        "MarkdownEditing",
        "MarkdownLivePreview"
    ]
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Sublime Text 3 简介
  • 插件介绍
  • Package Control 的安装和使用
    • 一、安装过程:
      • 二、Package Control 的常用命令
        • 三、使用:用 Package Control 安装插件
          • 四、其他常用插件
          • ⇧+⌘+P : Show the Command Palette
          • ⌘+D: Use Multiple Selections to rename variables quickly:
          • ⌘+P: Quickly jump to files and functions with Goto Anything:
          • ⇧+⌘+R: Navigate source using Goto Definition
          • 参考链接:
          领券
          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档