VSCode代码自动补全html标签、css属性及值 - 无插件

已于 2025-03-31 22:04:33 修改
阅读量10w+ 收藏 287
点赞数 86
CC 4.0 BY-SA版权
分类专栏： VSCode 文章标签： vscode html css
于 2019-09-24 14:35:36 首次发布
本文为CSDN博主原创文章，不允许其他平台转载。擅自转载至其他平台，严肃追究！
本文链接：https://blog.csdn.net/qq_35393869/article/details/101280343

不需要插件，VSCode代码自动补全（html标签、style样式、css属性及值、），修改配置文件即可完成！

效果图 · 演示如下：

在这里插入图片描述

操作步骤 · 如下：

本编辑器已经汉化，所以截图如下。

首先，取消选中（控制在活动代码片段内是否禁用快速建议）

修改路径（截图示下）：

  1. 设置 -->
  2. 文本编辑器 （建议）-->
  3. 取消选中 Suggest:Snippets Prevent Quick Suggestions (控制在活动代码片段内是否禁用快速建议)
  4. 完成第一步。剩下的就是修改配置文件：settings.json

在这里插入图片描述
在这里插入图片描述

如何修改配置文件settings.json？
最低0.47元/天 解锁文章

200万优质内容无限畅学
VSCode中设置HTML自动补全
qq_40658986的博客
07-09 2497
VSCode中设置HTML自动补全
VScode代码自动补全提示
男神的专栏
08-26 1207
搜索 Suggest:Snippets Prevent Quick Suggestions ，去掉勾选。Ctrl+Shift+P打开setting.json文件，添加以下代码。
VS Code Go 插件核心功能详解：提升 Go 开发效率的利器
最新发布
gitblog_01144的博客
06-07 330
VS Code Go 插件核心功能详解：提升 Go 开发效率的利器 作为 Go 语言开发者，选择一款趁手的开发工具至关重要。VS Code 凭借其轻量级和强大的扩展性，已成为众多开发者的首选。而 VS Code Go 插件则是 Go 开发不可或缺的助手。本文将深入解析该插件的核心功能，帮助开发者充分利用这些特性提升开发效率。 智能感知（IntelliSense） 智能感知功能让代码编写如虎添翼，主...
VSCode代码自动补全 - 插件篇
热门推荐
草巾冒小子的博客
03-21 2万+
VScode 不能自动补全结束标签？ 这里介绍一款vscode插件，只需要输入标签的单词或字母，按enter键，就能直接自动生成开/闭标签，且光标居中。 插件名称： // 在下图的标记处，搜索该插件： Auto Close Tag 截图如下：（安装·如下图示） 以上就是关于“ VSCode代码自动补全 - 插件篇 ” 的全部内容。 ...
VsCode Studio的C/C++代码自动补全
yangyangabcde的博客
11-03 2万+
VsCode关于C/C++自动代码补全
最新方法VScode中html代码自动补全（超清晰详细，保证能用）
web18224617243的博客
02-23 8679
一、下载HTML Snippets插件 二、配置settings.json **1.**在VScode窗口下按住ctrl + shift + P，调出搜索框，在搜索框中输入settings.json，选择打开设置，如下图所示。 **2.**在settings.json界面中添加代码如下：（注意这里将代码放在原有代码的下面，并且放在原有大括号的中间，了解编程的也应该知道为什么这么放。） "files.associations": { "*.vue":"html" }, "e
【VSCode操作手册】点击Tab键，自动补全html标签
Txtechcom的博客
02-03 3850
VSCode中点击Tab键，自动补全html标签
VSCode代码自动补全（html标签、style样式、css属性及值）
IT_iosers的博客
12-02 1万+
转自：传送门 1.按CTRL+SHIFT+P 2.输入搜索Suggest：Snippets Prevent Quick Suggestions(控制在活动代码片段内是否禁用快速建议) 3.取消选中 4.按CTRL+SHIFT+P输入搜索 File:Associatoin(配置语言的文件相关联) 5.点击下面settings.json 6.然后修改成 { "window.zoomLevel": 0, "terminal.integrated.rendererType": "dom", "edito
VScode代码自动补全解决方案
靳长庚
08-22 6005
VSCode代码自动补全失效解决方案
vscode自动补全代码
m0_53251830的博客
02-18 1万+
vscode自动补全代码方法
VSCode输入代码时实现自动补全空格的功能，无需手动按空格键补全
weixin_50563385的博客
10-10 5714
VSCode输入代码时实现自动补全空格的功能，无需手动按空格键补全
vscode写html不会自动补全
大雾起了清晨
05-27 3960
​ 解决VSCode中HTML自动补全功能不工作的问题，可以通过以下几种方法之一进行解决：12 打开VSCode的Settings（通过点击左下角的设置图标或使用快捷键Ctrl+Shift+P或Cmd+Shift+P打开命令面板，然后输入settings并选择）。 在Settings中，找到Text Editor下的Suggestions部分，确保Suggest的复选框被选中。 此外，可以在Files部分，点击Edit in settings.json选项，然后在associations里面加入.ht
vscode代码自动补全
qq_54855933的博客
06-25 3849
下载插件，帮助您实现代码自动补全
vscode添加标签自动补全
Zhang's Blog
05-18 2402
安装扩展程序 Auto Rename Tag 通过 File>Preferences>Settings 路径打开 settings.json 文件，添加如下配置 "emmet.triggerExpansionOnTab": true, "files.associations": { "*.vue": "html" }
如何用 VSCode 代码自动补全 html 标签、css 属性及值？
m0_56358827的博客
08-30 1338
如何用 VSCode 代码自动补全 html 标签、css 属性及值？ - 知乎 (zhihu.com)
【vscode Pycharm】自动补全代码额插件（亲测好用）Fitten Code
m0_56800366的博客
03-20 2376
Fitten Code 插件亲测非常好用，记录一下。
VSCode如何自动补全JavaScript代码
DpgrMl的博客
09-23 8468
通过安装适用于JavaScript的插件，并根据个人偏好进行自动补全设置，你可以在编写JavaScript代码时享受到自动补全带来的便利。除了属性和方法的自动补全，VSCode还可以帮助你编写代码的其他部分，比如函数、循环结构、条件语句等。当你输入关键字时，它会显示与该关键字相关的代码模板，你可以选择适合的模板并进行修改。搜索「自动补全」，将会显示与自动补全相关的设置项。例如，当你输入一个对象的名称后面跟着点号（.），VSCode将展示该对象的属性和方法的自动补全建议。后会触发函数参数的自动补全。
VsCode配置PCL、Open3D自动补全
诺有缸的高飞鸟的博客
03-03 3756
在VsCode上开发PCL、Open3D相关代码，代码自动补全
vscode 代码自动补全插件
06-13
Visual Studio Code（VSCode）是一款非常流行的开源代码编辑器，其强大的插件系统使得扩展功能非常丰富，包括代码自动补全。VSCode内置了智能提示和代码补全功能，但如果你想增强这个功能，可以安装第三方插件来定制化你的开发体验。 其中一些著名的代码自动补全插件有： 1. **IntelliSense for JavaScript (ES6)**：针对JavaScript的强大智能感知，提供快速的类型提示和代码补全。 2. **Prettier - Code formatter**：除了补全，还能格式化代码，保持一致的编码风格。 3. **Auto Close Tag**：对于HTML、CSS和JavaScript等标签，自动补全并关闭标签。 4. **Live Sass/SCSS**：为Sass或SCSS编写者提供实时的代码补全和自动完成。 5. **TypeScript Language Support**：如果你使用TypeScript，这个插件提供了完整的类型支持和补全。 6. **Python Pylance**：为Python开发者提供高效且准确的代码补全。 7. **C/C++ Extension Pack**：包含多个插件，用于C/C++开发的代码补全和编译支持。 安装插件通常很简单，你可以在VSCode的Marketplace里搜索你需要的功能，然后点击"Install"按钮。安装完成后，记得重启VSCode以应用新的设置。
评论 47
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

草巾冒小子

你的赞赏正在生成下一个技术方案

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值