vscode怎么设置基础标签

不及物动词 其他 12

回复

共3条回复 我来回复
  • worktile的头像
    worktile
    Worktile官方账号
    评论

    要设置VSCode的基础标签,可以按照以下步骤进行操作:

    1. 安装插件:打开VSCode,点击左侧的扩展(Extensions)图标(或按下Ctrl+Shift+X),在搜索框中输入”HTML Snippets”,找到对应的插件并点击安装。

    2. 打开设置:点击左下角的齿轮图标(或按下Ctrl+,)打开设置面板。

    3. 搜索设置项:在设置面板的搜索框中输入”snippet”,找到”编辑器配置文件”选项。

    4. 编辑配置文件:点击”编辑器配置文件”右侧的”在settings.json中编辑”链接。

    5. 添加标签:在settings.json文件中,根据以下格式添加自己喜欢的基础标签:

    “`json
    “html”: {
    “prefix”: “html”,
    “body”: [
    ““,
    ““,
    ““,
    “,
    “,
    Document“,
    ““,
    ““,
    ” “,
    ““,
    “”
    ],
    “description”: “Basic HTML template”
    }
    “`

    在上面的代码块中,”prefix”表示触发标签的关键字,”body”表示标签的内容,可以根据需要进行修改和添加。

    6. 保存并关闭配置文件:保存配置文件后关闭编辑器。

    7. 使用标签:在HTML文件中,输入”html”(或者你设置的prefix关键字),按下Tab键即可自动插入基础标签。

    通过以上步骤,你就可以设置并使用自己喜欢的基础标签了。

    2年前 0条评论
  • 不及物动词的头像
    不及物动词
    这个人很懒,什么都没有留下~
    评论

    在VSCode中设置基础标签可以通过以下步骤完成:

    1. 打开VSCode的设置菜单:在顶部菜单栏中选择“文件”(File),然后选择“首选项”(Preferences),再选择“设置”(Settings)。或者使用快捷键“Ctrl + ,”(Windows/Linux)或者“Cmd + ,”(Mac)直接打开设置菜单。

    2. 搜索HTML语言配置:在设置菜单中,左侧是一个搜索框。在搜索框中输入“html configuration”或者“html language configuration”来搜索相关设置。

    3. 打开HTML配置:在搜索结果中找到“HTML Configuration”(或类似的选项),点击它以打开HTML语言配置。

    4. 找到标签提示设置:在HTML配置页中,可以找到各种HTML相关的设置。在找到“标签提示”(Tag Suggestions)这一部分。

    5. 设置基础标签:在“标签提示”选项中,找到“基础标签”(Basic Tags)设置项。可以看到一个默认的标签列表,其中包括常用的HTML标签如`

    `、`

    `、`

    `等。可以根据自己的需求,添加或删除标签。

    6. 添加标签:如果想要添加标签,可以点击“基础标签”设置项下的“编辑标签”按钮。在打开的编辑框中,可以输入想要添加的标签,点击添加按钮即可。也可以按照示例格式,手动输入标签。

    7. 删除标签:如果想要删除已有的标签,可以在“基础标签”设置项下,找到要删除的标签,点击标签后面的“垃圾桶”图标即可删除。

    8. 保存设置:在完成设置后,记得点击右上角的保存按钮,以保存对配置的更改。

    通过以上步骤,你可以在VSCode中设置基础标签,以便在编写HTML代码时获得标签的自动提示和补全功能。

    2年前 0条评论
  • fiy的头像
    fiy
    Worktile&PingCode市场小伙伴
    评论

    VSCode是一个功能强大的代码编辑器,可以通过设置自定义基础标签,使其满足个人或特定项目的需求。下面是在VSCode中设置基础标签的方法和操作流程:

    步骤1:打开VSCode编辑器并安装插件
    要设置基础标签,首先需要在VSCode中安装一个自定义标签的插件。找到插件市场,在搜索栏中输入 “Custom Tags” 或 “HTML Tag Wrapper”,选择一个符合你需求的插件并点击安装。

    步骤2:配置自定义标签
    安装完成后,在VSCode的侧边栏点击标签插件,会在编辑器的底部打开一个标签编辑器面板。在左侧的树状结构中,找到 “Custom Tags” 或 “HTML Tag Wrapper”,点击面板上的加号或编辑按钮以创建或编辑现有的标签配置。

    步骤3:添加基础标签
    在标签编辑器面板中,点击 “Add Tag” 或 “+ Add”,会出现一个输入框。在输入框中输入自定义的基础标签名称,例如 “basic”,然后点击保存或确定。

    步骤4:配置标签属性
    点击刚刚添加的基础标签,会出现标签属性面板。在该面板中,可以配置标签的属性,例如 class、id、style等。根据需求添加或编辑标签的属性,并点击保存。

    步骤5:设置标签包裹
    要包裹一个标签,首先需要在编辑器中选择要包裹的内容。然后,在标签编辑器面板中找到 “Wrapper Tag” 或 “Surround With”,点击输入框选择刚刚添加的基础标签,例如选择 “basic”。点击保存或确定。

    步骤6:使用基础标签
    现在你已经设置好了基础标签和标签包裹,可以在编辑器中使用它。选择要包裹的内容,然后右键点击,在右键菜单中选择 “Wrap with Basic” 或 “Surround with basic”。标签包裹会自动插入到选中内容的前后。

    注意:以上方法是使用插件来设置基础标签,如果你不想使用插件,也可以手动添加基础标签。在VSCode的设置中搜索 “files.associations”,点击编辑按钮,在键值对中添加一个以.html为键,以标签为值的项,例如:”*.html”: “basic”。

    2年前 0条评论
注册PingCode 在线客服
站长微信
站长微信
电话联系

400-800-1024

工作日9:30-21:00在线

分享本页
返回顶部