HBuilder X之uniapp最適合的代碼補全模板


{
    // 注意:本文檔僅支持單行注釋,並且'//'前不能有任何非空字符!!!
    //
    // HBuilderX使用json擴展代碼塊,兼容vscode的代碼塊格式
    // 本文檔修改完畢,保存即可生效,無需重啟。
    // 本文檔用於用戶自定義{1}代碼塊。
    // 每個配置項的說明如下:
    // 'key'    :代碼塊顯示名稱,顯示在代碼助手列表中的名字,以下例子中'console.log'就是一個key。
    // 'prefix' :代碼塊的觸發字符,就是敲什么字母匹配這個代碼塊。
    // 'body'   :代碼塊的內容。內容中有如下特殊格式
    //          $1 表示代碼塊輸入后光標的所在位置。如需要多光標,就在多個地方配置$1,如該位置有預置數據,則寫法是${1:foo1}。多選項即下拉候選列表使用${1:foo1/foo2/foo3}
    //          $2 表示代碼塊輸入后再次按tab后光標的切換位置tabstops(代碼塊展開后按tab可以跳到下一個tabstop)
    //          $0代表代碼塊輸入后最終光標的所在位置(也可以按回車直接跳過去)。
    //          雙引號使用\\'轉義
    //          換行使用多個數組表示,每個行一個數組,用雙引號包圍,並用逗號分隔
    //          縮進需要用\\t表示,不能直接輸入縮進!
    // 'triggerAssist' :為true表示該代碼塊輸入到文檔后立即在第一個tabstop上觸發代碼提示,拉出代碼助手,默認為false。
    // 每個代碼塊以key為主鍵,多個代碼塊需要逗號分隔。
    // 如果json語法不合法,底部會彈出錯誤信息,請注意修正。
    // 例子:
    // "console.log": {
    //  "prefix": "logtwo",
    //  "body": [
    //      "console.log('$1');",
    // 	    "\tconsole.log('$2');"
    // 	],
    // 	"triggerAssist": false,
    // 	"description": "Log output to console twice"
    // }
		"bodytem":{
			"prefix":"bodytem",
			"body":[
				"<template>",
				"\t<view class=\"main-box\">",
				"\t\t$0"	,
				"\t</view>",
				"</template>",
				"<script>",
				"\texport default {",
					"\t\tdata() {",
						"\t\t\treturn {",
							"\t\t\t",
						"\t\t\t}",
					"\t\t},",
					"\t\tmethods: {",
						"\t\t\t",
					"\t\t},",
					"\t\tonLoad() {",
						"\t\t\t",
					"\t\t},",
					"\t\tonShow() {",
						"\t\t\t",
					"\t\t},",
					"\t\tmounted() {",
						"\t\t\t",
					"\t\t}",
				"\t}",
				"</script>"
			]
		}
}

效果如下:

<template>
	<view class="main-box">
		
	</view>
</template>
<script>
	export default {
		data() {
			return {
			
			}
		},
		methods: {
			
		},
		onLoad() {
			
		},
		onShow() {
			
		},
		mounted() {
			
		}
	}
</script>/


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM