天天看點

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

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

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

​不需要插件​

​,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樣式的方法
{
    "window.zoomLevel": 0,
    "terminal.integrated.rendererType": "dom"
}      
}      
{
    "window.zoomLevel": 0,
    "terminal.integrated.rendererType": "dom",
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "files.associations": {
        "*.vue":"html"
    }
}      
}      

繼續閱讀