不写<>也有代码提示是怎么弄得啊

我看教程里面up主写代码就不要用列如:
直接输入script 然后会自动补全<script></script>,然后我直接输就没提示得打<

用的什么IDE

【以下回答由 GPT 生成】

这种功能一般是由代码编辑器或集成开发环境(IDE)提供的智能代码完成(IntelliSense)功能实现的。不同的编辑器和IDE可能使用不同的方式来实现这个功能,下面是一些常见的编辑器和IDE的设置方法:

  1. Visual Studio Code: 在 Visual Studio Code 中,可以通过安装相关的插件来实现智能代码完成功能。例如,安装名为 "JavaScript (ES6) code snippets" 的插件,就可以实现类似的功能。

  2. WebStorm: WebStorm 是一款功能强大的 JavaScript IDE,它本身自带了智能代码完成功能。只需要在编辑器中输入"script",在输入的过程中可能会自动补全为""。

  3. Sublime Text: 在 Sublime Text 中,可以安装名为 "All Autocomplete" 的插件来增强代码提示功能。

如果你使用的是其他编辑器或IDE,请参考相关文档或搜索相关插件来实现智能代码完成功能。如果你希望自己实现这个功能,可以使用以下方法:

  1. 使用自动补全文件: 将常用的代码片段存储在一个文本文件中,然后创建一个脚本,在输入某个特定的关键词时,自动读取该文件,并将对应的代码片段插入到光标处。

例子(JavaScript):

const autoComplete = {
    script: "<script></script>",
    link: "<link rel=\"stylesheet\" href=\"\">"
    // 添加其他代码片段
};

function autoCompleteCode(input) {
    const code = autoComplete[input];
    if (code) {
        // 在这里插入对应的代码片段到光标处
    }
}

const userInput = "script"; // 用户输入的关键词
autoCompleteCode(userInput);
  1. 使用文本替换插件: 在编辑过程中,可以使用文本替换插件将输入的关键词替换为对应的代码片段。这种方法需要事先定义好关键词和对应的代码片段,并将其保存在插件配置中。

例子(Sublime Text):

  • 安装 "Emmet" 插件
  • 在 Sublime Text 的用户设置(Preferences -> Settings)中添加以下配置:
"auto_complete": true,
"auto_complete_triggers": [
        {"characters": "<", "selector": "text.html"}, 
        {"characters": ".", "selector": "source.css"}, 
        {"characters": ":", "selector": "source.css"}, 
        {"characters": " ", "selector": "source.css"},
        {"characters": "script", "selector": "text.html"},
        {"characters": "link", "selector": "text.html"}
    ],
"emmet.triggerExpansionOnTab": true

这样,当你输入"script"时,在按下 Tab 键之后,关键词会替换为对应的代码片段 ""。

以上方法只是一些常见的实现思路,具体的实现方式可能因为不同的编辑器和IDE而有所差异。请根据自己使用的编辑器或IDE的特点,结合相关插件或配置,来实现你想要的功能。



【相关推荐】



如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^