Sublime 安装Boxy + OmniMarkupPreviewer

Sublime 安装Boxy + OmniMarkupPreviewer

Package Install 安装

网络安装

ctrl+反引号打开控制台,在控制台中输入代码

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.NET/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

Package 文件安装

preference->Browse Package,然后进入上一个目录,进入Installed Package

https://sublime.wbond.Net/Package%20Control.sublime-package下载文件,然后放入上面的目录中

安装插件

输入ctrl+shift+p后输入install,等待网络接通,输入要安装的插件

安装boxy

安装完会让你选择安装A File Icorn

github:https://github.com/ihodev/sublime-boxy

boxy配置文件

package setting boxy

{
    "color_scheme": "Packages/Boxy Theme/schemes/Boxy Monokai.tmTheme",
    "font_size": 16,
    "theme": "Boxy Tomorrow.sublime-theme",
    "theme_accent_blue": true,
    "theme_autocomplete_item_selected_colored": true,
    "theme_bar": true,
    "theme_bar_colored": true,
    "theme_dirty_accent_blue": true,
    "theme_find_panel_font_md": true,
    "theme_find_panel_materialized": true,
    "theme_find_panel_padding_md": true,
    "theme_find_panel_size_md": true,
    "theme_font_lg": true,
    "theme_grid_border_size_md": true,
    "theme_icons_materialized": true,
    "theme_popup_border_visible": true,
    "theme_quick_panel_border_visible": true,
    "theme_quick_panel_item_selected_colored": true,
    "theme_scrollbar_colored": true,
    "theme_scrollbar_line": true,
    "theme_sidebar_disclosure": true,
    "theme_sidebar_folder_materialized": true,
    "theme_sidebar_font_xl": true,
    "theme_sidebar_heading_bold": true,
    "theme_sidebar_highlight_text_only": true,
    "theme_sidebar_indent_xl": true,
    "theme_sidebar_size_xl": true,
    "theme_size_xl": true,
    "theme_tab_selected_overlined": true,
    "theme_tab_size_lg": true,
    "theme_tab_size_md": true,
    "theme_unified": true
}

安装OminiMarkPreview

预览快捷键ctrl+alt+o

修改host中的server_host,就可以用其他的设备查看

http://127.0.0.1:51004/view/87这是在本地查看,端口是51004,页可以自己修改

配置文件

ominipreview settings

{ 
    "server_host": "127.0.0.1",
    // "server_host": "192.168.11.59",
    // "server_host": "192.168.43.69",
    "browser_command": [],
    // "browser_command": ["open", "-a", "Google Chrome", "{url}"], 
    // User public static files should be placed into    //   ${packages}/User/OmniMarkupPreviewer/public/
    // User templates should be placed into: 
    //   ${packages}/User/OmniMarkupPreviewer/templates/
    // Requires browser reload 
    // "html_template_name": "Evolution Yellow", 
    // list of renderers to be ignored, case sensitive.    // Valid renderers are: "CreoleRenderer", "MarkdownRenderer", "PodRenderer", 
    //     "RDocRenderer", "RstRenderer", "TextitleRenderer"
    // for example, to disable Textile and Pod renderer: 
    //   "ignored_renderers": ["TextitleRenderer", "PodRenderer"] 
    "ignored_renderers": ["CreoleRenderer", "PodRenderer", "RDocRenderer", "TextitleRenderer", "LiterateHaskellRenderer"], 
    "mathjax_enabled": false, 
    // MarkdownRenderer options 
    "renderer_options-MarkdownRenderer": { 
        // Valid extensions: 
        // - OFFICIAL (Python Markdown) -  
       //   "extra": Combines ["abbr", "attr_list", "def_list", "fenced_code", "footnotes", "tables", "smart_strong"] 
        //            For PHP Markdown Extra(http://michelf.ca/projects/php-markdown/extra/) 
        //   "abbr": http://packages.python.org/Markdown/extensions/abbreviations.html 
        //   "attr_list": http://packages.python.org/Markdown/extensions/attr_list.html 
        //   "def_list": http://packages.python.org/Markdown/extensions/definition_lists.html 
        //   "fenced_code": http://packages.python.org/Markdown/extensions/fenced_code_blocks.html 
        //   "footnotes": http://packages.python.org/Markdown/extensions/footnotes.html 
        //   "tables": http://packages.python.org/Markdown/extensions/tables.html 
        //   "smart_strong": http://packages.python.org/Markdown/extensions/smart_strong.html 
        //   "codehilite": http://packages.python.org/Markdown/extensions/code_hilite.html 
        //   "meta": http://packages.python.org/Markdown/extensions/meta_data.html 
        //   "toc": http://packages.python.org/Markdown/extensions/toc.html 
        //   "nl2br": http://packages.python.org/Markdown/extensions/nl2br.html 
        // - 3RD PARTY -  
       //   "strikeout": Strikeout extension syntax - `This ~~is deleted text.~~` 
        //   "subscript": Subscript extension syntax - `This is water: H~2~O` 
        //   "superscript": Superscript extension syntax 0 `2^10^ = 1024` 
        //   "smarty" or "smartypants": Python-Markdown extension using smartypants to emit 
        //                   typographically nicer ("curly") quotes, proper 
        //                   ("em" and "en") dashes, etc. 
        //                   See: http://daringfireball.net/projects/smartypants/
        //                   And: https://github.com/waylan/Python-Markdown/blob/master/docs/extensions/smarty.txt 
        // "extensions": ["extra", "codehilite", "toc", "strikeout", "smarty", "subscript", "superscript"],
    
        "extensions": ["tables", "fenced_code", "codehilite"]
    

    }
}

转载于:https://www.cnblogs.com/Python666/p/7081155.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Sublime Text 是一款强大的文本编辑器,可以通过安装插件来实现对不同类型项目的自动检查语法类型。对于 Vue3 + TypeScript 项目,可以通过以下步骤来实现自动检查语法类型。 首先,在 Sublime Text 中安装并启用相应的插件。可以使用 Package Control 来搜索并安装 "Vue Syntax Highlight" 插件,该插件可以为 Vue 文件提供语法高亮显示。另外,还需要安装支持 TypeScript 的插件,如 "TypeScript"。 安装完插件后,需要配置 Sublime Text 来正确识别 Vue3 + TypeScript 项目中的文件类型。在菜单栏中找到 "Preferences"(首选项),然后选择 "Syntax Specific"(语法特定)下的 "Vue" 选项。在打开的文件中,将语法设为 "Vue3 TypeScript"。 接下来就可以开始自动检查语法类型了。由于我们已经安装了 "TypeScript" 插件,所以在编辑 Vue 单文件组件时,Sublime Text 会自动检查 TypeScript 代码中的语法错误和类型错误。它会根据你的代码实时显示错误和警告。 除了自动检查语法类型外,Sublime Text 还提供了一些其他的辅助功能,如代码自动补全、代码片段等。这些功能可以极大地提高开发效率。 总而言之,通过在 Sublime Text 中安装适当的插件并正确配置文件类型,可以实现对 Vue3 + TypeScript 项目的自动检查语法类型。这将帮助开发人员在代码编辑过程中发现并解决潜在的错误,提高代码质量和开发效率。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值