WEBSTORM新建VUE型別檔案設定

2022-06-09 20:36:10 字數 1311 閱讀 8937

今天安裝了node.js,配置了vue需要的框架,發現原有的wenstorm新建檔案的時候沒有vue檔案選項,因此,學習了一下webstorm如何配置建立vue檔案

具體過程如下:

第一步,開啟webstorm , 然後file-->settings-->plugin

第三步:開啟file-->settings-->editor-->file and code templates 點選+ 號,name為vue file extension為vue,然後點選ok

第四步:重啟webstorm

結果:重啟wenstorm之後,點選選單欄的右鍵,新建的檔案的時候可以看見vue file的選項,這時候選擇這個選項,就可以建立尾註為vue型別的檔案了。

今天安裝了node.js,配置了vue需要的框架,發現原有的wenstorm新建檔案的時候沒有vue檔案選項,因此,學習了一下webstorm如何配置建立vue檔案

具體過程如下:

第一步,開啟webstorm , 然後file-->settings-->plugin

第三步:開啟file-->settings-->editor-->file and code templates 點選+ 號,name為vue file extension為vue,然後點選ok

第四步:重啟webstorm

結果:重啟wenstorm之後,點選選單欄的右鍵,新建的檔案的時候可以看見vue file的選項,這時候選擇這個選項,就可以建立尾註為vue型別的檔案了。

vue新建專案

一 前提 安裝node 使用它的包管理工具npm 全域性安裝cnpm npm比較慢,但也可以省略該步驟 全域性安裝vue腳手架工具vue cli 命令 npm install g vue cli 二 新建專案 1.在指點目錄下使用命令 vue init webpack 專案名稱 2.cd 進入專案資...

新建vue專案

1.前期準備工作 1.2 安裝 映象 npm install g cnpm registry 2.專案初始化 2.1 安裝vue cli cnpm install vue cli g,使用 vue list 檢視vue cli是否成功 2.2 選定乙個目錄新建vue專案,vue init webpa...

新建Vue專案

1 安裝vue命令列工具,webpack和git,使用 映象cnpm。參考 2 開啟命令列,進入到要存放的目錄,windows使用者可以使用shift 滑鼠右鍵,在想要存放的目錄下開啟命令列。然後輸入 vue init webpack project name 進入vue新建專案。通過提示資訊我們可...