標籤：css 外掛程式 ati 地理 index 文檔 blank ebs 應用
1、webstorm 自訂html模板
我們需要找到設定建立模板的地方,步驟如下:
File -> settings -> Editor -> File and Code Templates
找到這個位置,我們就會看見這個介面,在導覽列的右側部分的左上方有個+號我們就可以開始建立模板了,
如所示,Name所對應的地方是用來寫HTML模板的名字, 這會方便我們選擇的是哪一個模板, Extension是我們我們的模板是什麼類型的文檔,此地理所應當是填html, 空白地區是放html模板代碼,把你寫好的代碼複製黏貼上去,再點擊應用提交即完成建立.
應用情境：
2、Hbuilder 自訂html模板
hb的模板建立相對其他編輯器是來說是非常暴力直接的，接下來不我來告訴大家是怎樣個暴力法。
Hbuilder有個放置自訂模板的檔案夾，只要你把html模板文檔放到這個檔案夾裡面就OK了，是不是非常簡單？
那麼，我們也得知道這個文加大在哪呀！我這也給大家寫了個具體的步驟：
1、跟平時建立html的一樣，彈出建立html視窗
2、在這個視窗有個選擇模板模組，右邊有自訂模板字樣還帶底線，學前端的碼友們知道代表著是連結的功能，然後，點擊跳轉頁面
3、說好的頁面呢？怎麼跳到一頁檔案夾？ 你在仔細看看，貌似是我們要找的檔案夾了。
4、把模板文檔放到這個文價夾,這還沒完成,在放文檔之前先把readme刪除之後再把模板文檔放到這個文價夾,關閉這個檔案夾,等等下次在開啟這個檔案夾時還會再自動產生一個readme.txt,如果你好奇點擊進去，你會把這個檔案夾刪了的。
應用情境：建立html，選擇模板
3 、Visual Studio Code 自訂html模板
右上方檔案 ->喜好設定 -> 使用者程式碼片段 ->html.json檔案
放html模板代碼, 如下
如果需要多個模板，模板程式碼片段之間用 逗號隔開
模板源碼：
"Bootstrap文檔基本結構": { "prefix": "boot", "body": [ "<!DOCTYPE html>", "<html lang=\"zh-CN\">", "\t<head>", "\t\t<meta charset=\"utf-8\">", "\t\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">", "\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\">", "\t\t<meta name=\"author\" content=\"作者名字\">", "\t\t<title>$1</title>", "\t\t<link href=\"css/bootstrap.min.css\" rel=\"stylesheet\">", "\t\t<style>", "\t\t\t", "\t\t</style>", "\t</head>", "\t<body>", "\t\t$2", "\t\t<script src=\"js/jquery.min.js\"></script>", "\t\t<script src=\"js/bootstrap.min.js\"></script>", "\t</body>", "</html>" ], "description": "Bootstrap文檔基本結構" }
應用情境：
4、sublime 自訂html模板
sublime的自訂html模板跟vscode用法是幾乎一樣的，這邊不做詳解，還是粗略介紹使用
首先，要找到 snippets.json這個檔案所在的目錄，路徑是preferences>browse packages，看看有沒有emmet目錄。如果沒有，可能是您沒有安裝emmet外掛程式，這時候您需要手動安裝。
然後，開啟 snippets.json這個檔案，開始自訂模板，快速鍵開啟即可。
前端編輯器-自訂html模板
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
