首頁 > 開發工具 > VSCode > 主體

淺談VSCode無需外掛程式自動補全html標籤、style樣式的方法

青灯夜游
發布: 2021-03-12 09:32:08
轉載
3810 人瀏覽過

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

淺談VSCode無需外掛程式自動補全html標籤、style樣式的方法

相關推薦:《vscode教學

##不需要外掛<span style="font-size: 20px;"></span>,VSCode程式碼自動補全(html標籤<span style="font-size: 20px;"></span>#、style樣式<span style="font-size: 20px;"></span> 、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無需外掛程式自動補全html標籤、style樣式的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板