首頁 開發工具 VSCode vscode如何自訂使用者程式碼片段

vscode如何自訂使用者程式碼片段

Mar 24, 2020 pm 04:24 PM
vscode

vscode如何自訂使用者程式碼片段

方法如下:

首先,開啟VS code,「檔案-首選項-使用者程式碼片段」(file-preference-User Snippets),在下拉清單中選擇html文件,此時在VS code的應用程式資料資料夾內自動新建了一個名為html.json的文件,我們在這個json文件中定義我們的程式碼片段。

我們需要先定義snippet name,在snippet name中,prefix和body是必不可少的兩個字段(The prefix is what is used to trigger the snippet and the body will be expanded and inserted.)

(學習影片推薦:java影片教學

我們定義一個html框架,命名為html template,程式碼如下:

vscode如何自訂使用者程式碼片段

儲存,新建一個html文件,輸入html template,按下Tab鍵,就可以自動補齊整個框架。

語法說明:

在body中,使用轉義字元\來書寫製表符Tab、雙引號"等內容;

使用${num: default name}定義輸入位置,按下Tab鍵遞進遊標到下一個;

num的值為0,1,2,3...。0為遊標的最終位置,1,2,3...決定了遊標的順序位置;

default name是預設值,可按下Tab不編輯直接跳過。

Global or Specific Snippets

程式碼片段分為兩種:全域和特定,這意味著我們可以定義適用於多種檔案類型的程式碼片段,也可以定義僅針對一種檔案類型的程式碼片段。

全域程式碼片段的檔案後綴名為.code-snippets,在使用者程式碼片段下拉清單中,最上方有一個「新全域程式碼片段檔」。

全域程式碼片段的語法規則和特定程式碼片段的語法規則一致,唯一區別在於其增加了一個字段scope,用於指定該規則適用於何種語言:

vscode如何自訂使用者程式碼片段

推薦教程:vscode教學

#

以上是vscode如何自訂使用者程式碼片段的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

vscode需要什麼電腦配置 vscode需要什麼電腦配置 Apr 15, 2025 pm 09:48 PM

VS Code 系統要求:操作系統:Windows 10 及以上、macOS 10.12 及以上、Linux 發行版處理器:最低 1.6 GHz,推薦 2.0 GHz 及以上內存:最低 512 MB,推薦 4 GB 及以上存儲空間:最低 250 MB,推薦 1 GB 及以上其他要求:穩定網絡連接,Xorg/Wayland(Linux)

vscode怎麼定義頭文件 vscode怎麼定義頭文件 Apr 15, 2025 pm 09:09 PM

如何使用 Visual Studio Code 定義頭文件?創建頭文件並使用 .h 或 .hpp 後綴命名在頭文件中聲明符號(例如類、函數、變量)使用 #include 指令在源文件中包含頭文件編譯程序,頭文件將被包含並使聲明的符號可用

vscode開始怎麼設置 vscode開始怎麼設置 Apr 15, 2025 pm 10:45 PM

要開啟並設置 VSCode,請按照以下步驟操作:安裝並啟動 VSCode。自定義首選項,包括主題、字體、空格和代碼格式化。安裝擴展以增強功能,例如插件、主題和工具。創建項目或打開現有項目。使用 IntelliSense 獲得代碼提示和補全。調試代碼以步進代碼、設置斷點和檢查變量。連接版本控制系統以管理更改和提交代碼。

vscode啟動前端項目命令 vscode啟動前端項目命令 Apr 15, 2025 pm 10:00 PM

啟動前端項目在 VSCode 中的命令是 code .。具體步驟包括:打開項目文件夾。啟動 VSCode。打開項目。在終端面板中輸入啟動命令 code .。按回車鍵啟動項目。

vscode用的是什麼語言 vscode用的是什麼語言 Apr 15, 2025 pm 11:03 PM

Visual Studio Code (VSCode) 由 Microsoft 開發,使用 Electron 框架構建,主要以 JavaScript 編寫。它支持廣泛的編程語言,包括 JavaScript、Python、C 、Java、HTML、CSS 等,並且可以通過擴展程序添加對其他語言的支持。

vscode什麼語言寫的 vscode什麼語言寫的 Apr 15, 2025 pm 11:51 PM

VSCode 是用 TypeScript 和 JavaScript 編寫的。首先,它的核心代碼庫是用 TypeScript 編寫的,這是一種擴展了 JavaScript 並增加了類型檢查功能的開源編程語言。其次,VSCode 的一些擴展和插件是用 JavaScript 編寫的。這種組合使 VSCode 成為一款靈活且可擴展的代碼編輯器。

vscode上一步下一步快捷鍵 vscode上一步下一步快捷鍵 Apr 15, 2025 pm 10:51 PM

VS Code 一步/下一步快捷鍵的使用方法:一步(向後):Windows/Linux:Ctrl ←;macOS:Cmd ←下一步(向前):Windows/Linux:Ctrl →;macOS:Cmd →

vscode運行任務快捷鍵 vscode運行任務快捷鍵 Apr 15, 2025 pm 09:39 PM

在 VSCode 中運行任務:創建 tasks.json 文件,指定 version 和任務列表;配置任務的 label、command、args 和 type;保存並重新加載任務;使用快捷鍵 Ctrl Shift B (macOS 為 Cmd Shift B) 運行任務。

See all articles