首頁 > web前端 > Vue.js > 主體

webstorm怎樣新建vue.js的項目

coldplay.xixi
發布: 2020-12-17 14:37:22
原創
2495 人瀏覽過

webstorm新建vue.js專案的方法:先安裝git,並填入相關位址;然後填入專案名稱;接著選取【package.json】右鍵選擇show npm scripts;最後選擇dev雙擊即可進行測試。

webstorm怎樣新建vue.js的項目

本教學操作環境:windows7系統、webstorm2020.3&&Vue2.9.6版,此方法適用於所有品牌電腦。

【相關文章推薦:vue.js

#webstorm新建vue.js專案的方法:

1、想用WebStorm建立專案得安裝git。安裝很簡單,官網找到下載安裝即可,否則可能出現安裝不了的情況

2、紅色為新建的順序,綠色為node.js位址(裝好了會自動尋找,無需修改),藍色為vue.js包的位址(裝好了會自動尋找,無需修改),黃色為打包所用的打包模組(預設即可,無需修改)

webstorm怎樣新建vue.js的項目

注意:專案儲存路徑一定要和webstorm工具安裝的所在系統碟一直,例如你前面把webstorm工具安裝在D盤下面,那麼這裡路徑就應該是D碟下面路徑而不是預設的C碟

3、填寫項目名,注意項目名不能包含大寫字母。

webstorm怎樣新建vue.js的項目

一直點下一步就可以了

4、選取package.json 右鍵選擇show npm scripts

webstorm怎樣新建vue.js的項目

5、選擇dev雙擊即可進行測試。開啟成功後會出現預設的端口,直接點擊地址打開,或者複製貼上地址到瀏覽器中打開,出現下面頁面就是成功啦。這樣一個vue專案就創建成功了

webstorm怎樣新建vue.js的項目

webstorm怎樣新建vue.js的項目

#相關學習推薦:js影片教學

## ####

以上是webstorm怎樣新建vue.js的項目的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!