vscode中創(chuàng)建新建文件模板

方法一:

1.執(zhí)行命令command + shift +P進入首選項

2.輸入>user snippets,選則這個文件確定后

3.再選則vue.json文件.在文件中寫入需要配置的格式,如下(可按公司的格式要求來配置,我這邊的vue中的方法順序是按公司要求來的)

// vue 模板

? "Print to console": {

? ? "prefix": "vue",

? ? "body": [

? ? ? "<template>",

? ? ? "? <div class=\"main\">\n",

? ? ? "? </div>",

? ? ? "</template>\n",

? ? ? "<script>",

? ? ? "export default {",

? ? ? "? name: '',",

? ? ? "? components: {\n",

? ? ? "? },",

? ? ? "? data() {",

? ? ? "? ? return {\n",

? ? ? "? ? }",

? ? ? "? },",

? ? ? "? validations: { },",

? ? ? "? watch: { },",

? ? ? "? computed: { },",

? ? ? "? filters: { },",

? ? ? "? methods: {\n",

? ? ? "? },",

? ? ? "? created() {\n",

? ? ? "? },",

? ? ? "? mounted() {\n",

? ? ? "? },",

? ? ? "}\n",

? ? ? "</script>\n",

? ? ? "<style scoped lang=\"less\">\n",

? ? ? ".main {\n",

? ? ? "}",

? ? ? "</style>",

? ? ? "$2"

? ? ],

? ? "description": "Log output to console"

? }

}

方法二:

1.選擇? 文件 > 首選項 > 用戶代碼片段,如下

2. 選則vue.json文件

3.在文件中寫入需要配置的格式,方法如方法一中的第3步驟添加。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 概要 64學時 3.5學分 章節(jié)安排 電子商務網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,880評論 0 3
  • Vue 實例 屬性和方法 每個 Vue 實例都會代理其 data 對象里所有的屬性:var data = { a:...
    云之外閱讀 2,388評論 0 6
  • 33、JS中的本地存儲 把一些信息存儲在當前瀏覽器指定域下的某一個地方(存儲到物理硬盤中)1、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,255評論 0 2
  • 響應式布局的理解 響應式開發(fā)目的是一套代碼可以在多種終端運行,適應不同屏幕的大小,其原理是運用媒體查詢,在不同屏幕...
    懶貓_6500閱讀 865評論 0 0
  • 其實這個功能是我在開始學python就一直想做的 學了很久然后才會這破東西 看的教程有些還沒提到 自己又去百度現(xiàn)學...
    就是很皮閱讀 971評論 0 0

友情鏈接更多精彩內(nèi)容