前端提高開發效率之vsCode 快速生成自定義模板

1. 安裝vsCode

下載地址 ：code.visualstudio.com/

安裝完成後 啓動 vsCode , 此處省略 一萬字 ....

2. 喚出vsCode控制檯

Windows 快捷鍵 : Ctrl + Shift + P

macOS 快捷鍵 : command + Shift + P

3.輸入「snippets」並選擇

4. 以下有許多代碼片斷 進行自定義編寫

5. 咱們以 vue 文件 進行演示 （ 輸入vue ） 選擇 vue.json

6. vsCode 自動 生成 vue.json 文件 以下

7. 將 vue.json 文件 改成以下配置（ 可根據我的需求進行修改模板內容 ）

{
	"Print to console": {
		"prefix": "vue",
		"body": [
				"<template>",
				" <div></div>",
				"</template>",
				"",
				"<script>",
				"export default {",
				" components: {},",
				" props: {},",
				" data() {",
				" return {",
				" };",
				" },",
				" watch: {},",
				" computed: {},",
				" methods: {},",
				" created() {},",
				" mounted() {}",
				"};",
				"</script>",
				"<style lang=\"scss\" scoped>",
				"</style>"
		],
		"description": "A vue file template"
	}
}
複製代碼

8. 在項目中 新建一個vue 文件 輸入 「 vue 」 按下回車鍵或者Tab鍵，模板就自動生成了

PS:你們看了後以爲對本身有幫助能夠三連留言,歡迎提出寶貴意見，也歡迎各位對相關技術有興趣的開發者（由團隊開發人員微信號x118422邀請）入羣，在線解答討論數據可視化、優化圖表性能等方面的技術問題~