VS Code 新建vue檔案初始化模板

2021-08-21 06:57:47 字數 673 閱讀 9438

在使用vs code進行vue開發的時候,我們可以充分現有的vue外掛程式進行智慧型提示,可以提高開發效率,但是,在vs code中新定義.vue檔案時,生成的是空白的檔案頁,我們需要手動建立模板非常繁瑣。

開啟vs code編輯器,依次選擇「檔案->首選項->使用者**片段」,此時,會彈出乙個搜尋框,我們輸入vue,選擇vue.json

複製以下內容:

說明:prefix:表示生成對應預設**的命令,body:對應生成的模板,description:模板說明

我們在建立test.vue輸入vue,選中提示為vue模板的智慧型提示,回車,即可建立模板。

VSCode新建 vue檔案模板

每次新建.vue檔案,可以利用vscode的snippet在.vue檔案建立後能輕鬆地生成一套模板,偷懶促進技術發展,促進社會進步。能用模板一鍵生成,絕對不去多敲一行 哈哈哈。ctrl shift p開啟控制台,輸入snippets 首選項 配置使用者 片段 接下來輸入vue並選擇,vscode會自...

vs code 快速新建專案

1 vs code 開啟資料夾 2 開啟終端,輸入dotnet new console c users ferry documents csharp21 dotnet new console 正在處理建立後操作.正在 c users herry documents csharp21 csharp21...

WEBSTORM新建VUE型別檔案設定

今天安裝了node.js,配置了vue需要的框架,發現原有的wenstorm新建檔案的時候沒有vue檔案選項,因此,學習了一下webstorm如何配置建立vue檔案 具體過程如下 第一步,開啟webstorm 然後file settings plugin 第三步 開啟file settings ed...