sublime怎么运行html文件

Sublime Text是一款非常流行的文本编辑器，它支持多种编程语言和文件类型，HTML是Web开发中最常用的一种语言，Sublime Text也提供了很好的支持，本文将介绍如何在Sublime Text中打开HTML文件类型。

1、安装Sublime Text

你需要在你的计算机上安装Sublime Text，你可以从官方网站（https://www.sublimetext.com/）下载适合你操作系统的版本，安装过程非常简单，只需按照提示进行操作即可。

2、创建HTML文件

在安装好Sublime Text后，你可以开始创建HTML文件，在Windows系统中，你可以右键点击桌面空白处，选择“新建”->“文本文档”，然后将文件名改为“index.html”，在macOS系统中，你可以使用Finder的“新建文件”功能来创建HTML文件。

3、打开HTML文件

现在你已经创建了一个HTML文件，接下来我们需要在Sublime Text中打开它，请按照以下步骤操作：

打开Sublime Text。

点击左上角的“文件”菜单，然后选择“打开文件夹”。

浏览到你的HTML文件所在的文件夹，选中它，然后点击“打开”。

现在你应该可以看到HTML文件的内容了，如果你看不到任何内容，可能是因为你没有正确设置文件类型，请继续阅读下文以了解如何设置文件类型。

4、设置文件类型

为了让Sublime Text能够识别并高亮显示HTML文件中的语法，我们需要设置文件类型，请按照以下步骤操作：

点击左上角的“Preferences”（首选项）菜单，然后选择“Settings”（设置）。

在打开的设置文件中，找到"default_encoding"这一行，将其值改为"UTF-8"。

接下来，我们需要添加一个自定义的文件类型，在设置文件的末尾添加以下代码：

{
    "file_exclude_patterns": ["*.pyc", "*.pyo", "*.pyd", "*.exe", "*.dll", "*.obj", "*.o", "*.a", "*.lib", "*.so", "*.dylib", "*.ncb", "*.sdf", "*.suo", "*.pdb", "*.idb", ".DS_Store", "Thumbs.db"],
    "folder_exclude_patterns": [".svn", "CVS", "thumbs.db", "__pycache__"],
    "file_exclude_patterns": ["*.pyc", "*.pyo", "*.pyd", "*.exe", "*.dll", "*.obj", "*.o", "*.a", "*.lib", "*.so", "*.dylib", "*.ncb", "*.sdf", "*.suo", "*.pdb", "*.idb", ".DS_Store", "Thumbs.db"],
    "settings": {
        "tab_size": 4,
        "translate_tabs_to_spaces": true,
        "use_tab_stops": true,
        "trim_trailing_white_space_on_save": true,
        "detect_indentation": true,
        "draw_white_space": "all",
        "word_wrap": "true",
        "fade_fold_buttons": false,
        "font_face": "Monaco",
        "font_size": 12,
        "highlight_line": true,
        "scroll_past_end": true,
        "theme": "Default Dark.sublime-theme",
        "ignored_packages": ["Vintage"]
    },
    "override_selector": "source.html meta[charset]\u003e!source comment, source\u003e!text\u003ehtml, text\u003ehtml string, source\u003e!text\u003ehtml script, text\u003ehtml script, sourceu003e!textu003ehtml style, text\u003ehtml style, source\u003e!text\u003ehtml tag, text\u003ehtml tag, sourceu003e!textu003ehtml template language, text\u003ehtml template language, source\u003e!text\u003ehtml link href url, text\u003ehtml link href url, source\u003e!text\u003ehtml import url, text\u003ehtml import url, source\u003e!text\u003ehtml include url, text\u003ehtml include url, source\u003e!text\u003ehtml script src url, text\u003ehtml script src url, source\u003e!text\u003ehtml style sheet url, text\u003ehtml style sheet url, source\u003e!text\u003ehtml image url, text\u003ehtml image url, sourceu003e!textu003ehtml media query url, text\u003ehtml media query url, sourceu003e!textu003ehtml font face url, text\u003ehtml font face url, sourceu003e!textu003ehtml font family url, text\u003ehtml font family url, sourceu003e!textu003ehtml font weight url, text\u003ehtml font weight url, sourceu003e!textu003ehtml font size url, text\u003ehtml font size url, sourceu003e!textu003ehtml background url, text\u003ehtml background url, source\u003e!text\u003ehtml object data url, text\u003ehtml object data url, source\u003e!text\u003ehtml object type url, text\u003ehtml object type url, source\u003e!text\u003ehtml object width url, text\u003ehtml object width url, source\u003e!text\u003ehtml object height url, text\u003ehtml object height url, source\u003e!text\u