淺談VSCode無需插件自動補全html標簽、style樣式的方法

本篇文章給大家介紹一下不需要插件,vscode代碼自動補全html標簽、style樣式、css屬性及值的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。

淺談VSCode無需插件自動補全html標簽、style樣式的方法

相關推薦:《vscode教程

不需要插件vscode代碼自動補全(html標簽style樣式、css屬性及值、),修改配置文件即可完成!


效果圖 · 演示如下:

立即學習前端免費學習筆記(深入)”;

淺談VSCode無需插件自動補全html標簽、style樣式的方法


操作步驟 · 如下:

本編輯器已經漢化,所以截圖如下。

首先,取消選中(控制在活動代碼片段內是否禁用快速建議)

修改路徑(截圖示下):

  • 設置 –>

  • 文本編輯器 (建議)–>

  • 取消選中 Suggest:Snippets Prevent Quick Suggestions (控制在活動代碼片段內是否禁用快速建議)

  • 完成第一步。剩下的就是修改配置文件:settings.json

淺談VSCode無需插件自動補全html標簽、style樣式的方法
淺談VSCode無需插件自動補全html標簽、style樣式的方法


如何修改配置文件settings.json?

1、首先找到文件(截圖示下) · 找到并點擊 “設置”:

淺談VSCode無需插件自動補全html標簽、style樣式的方法

2、然后,彈出(如下圖所示)彈框界面:

淺談VSCode無需插件自動補全html標簽、style樣式的方法

3、然后,點擊(如上圖)的 “黃色的空心矩形框”,彈出settings.json文件(截圖如下)。

淺談VSCode無需插件自動補全html標簽、style樣式的方法

4、開始修改文件settings.json

修改之前 · 全部代碼如下:

{     "window.zoomLevel": 0,     "terminal.integrated.rendererType": "dom" }

修改之后 · 全部代碼如下:

{     "window.zoomLevel": 0,     "terminal.integrated.rendererType": "dom",     "editor.suggest.snippetsPreventQuickSuggestions": false,     "files.associations": {         "*.vue":"html"     } }

更多編程相關知識,請訪問:vscode教程!!

? 版權聲明
THE END
喜歡就支持一下吧
點贊13 分享