# W_json問題 # 客製化HTML模板[!]# 當我們開始編輯HTML文本時,會在一開始處打上【!】預設,來快速生成基本的模板,如果今天我想要模板有更多預設的內容,需要怎麼做?以下是解釋。 - 首先開啟VScode>設定(齒輪圖案)>User Snippets>打上HTML ![image](https://hackmd.io/_uploads/BJh18r-ap.png) - 進入後畫面後會跑出一串JSON ![image](https://hackmd.io/_uploads/rkHqDrZTp.png) - 在橘色大括號內就可以開始打自己要的範本了,這邊打了一個範例供參考。 ![image](https://hackmd.io/_uploads/rJVTvHZ66.png) - 解釋: - `prefix` 表示快捷鍵,可以自己設定,基本都是驚嘆號為前綴 - `body`內部為模板內容 - `\t`表示字符串,只要是有字符串的,開頭都需要有`\t` - 承上,字符串中需要在文字前後加入兩個`\\`請看圖,比方`\"UTF-8\"` - 標籤前後都要加上`""`結尾處要加上`,` - \n表示需要換行的地方 - "description":Default" 表示模板描述 - 在JSON文本中`//`是註譯 - 儲存,關閉後就可以用了 # 客製化快捷鍵 - 在界面輸入shift+ctrl+P - 搜尋keyborad shortcut ![Screenshot from 2024-04-19 11-41-19](https://hackmd.io/_uploads/BJCyuPy-R.png) - 輸入key和設定按鍵+輸入command和要達成得事件(在下圖我是建立快速製作 - `"key": "ctrl+n", `表示快捷鍵 - `"command": "explorer.newFile",`指令項目 ![Screenshot from 2024-04-19 14-03-41](https://hackmd.io/_uploads/ry-vKKJbR.png) - 也可以到Default keyboard Shortcuts探尋有什麼可以設定得 ![Screenshot from 2024-04-19 14-04-56](https://hackmd.io/_uploads/SJmoKYyWA.png) ![Screenshot from 2024-04-19 14-08-43](https://hackmd.io/_uploads/H1gtqt1-0.png) - 儲存後就可以使用了 ## JSON 支援 - python, php, java, javascript ## JSON 是一種 JS 嘛 他是基於JS所打造,JS基本型別都可以使用,還有物件,但是它不能傳遞和呼叫,所以不全然是 JS。而JSON的所有屬性和方法都是靜態的,JS是動態的 ![image alt](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRwCogDDV-8C0Gvml6--swOE53GyolhkaIwVQ&s) 此圖表達兩者在於物件寫法規則上差異,在json,key值就要加上雙引號 提問:將js轉換為json.stringify(),這是一種method還是代表他們不同,所以需要轉換