tft每日頭條

 > 生活

 > vue用腳手架創建簡單網頁

vue用腳手架創建簡單網頁

生活 更新时间:2025-04-27 04:05:08

大家好!今天給大家帶來的是腳手架快速搭建vue項目;

第一步:vue create vue-demo(文件名字)

如果朋友們沒有安裝vue/cli的話需要提前安裝:複制下面的即可直接安裝

安裝後我們可以看到下面有三個選項:控制上下鍵可以選擇自己想要的;這兒我選擇的是第四個(手動選擇安裝);第一個是我保存的記錄

npm i -g @vue/cli

vue用腳手架創建簡單網頁(vuecreate創建項目vue項目)1

第二步:當我們點擊回車以後就會出現以下的頁面;這時候大家可以根據自己 的需要去選擇;下面有每個選項的解釋;大家可以根據自己想要的進行安裝

vue用腳手架創建簡單網頁(vuecreate創建項目vue項目)2

vue用腳手架創建簡單網頁(vuecreate創建項目vue項目)3

圖片來源于網絡,如有侵權請聯系删除

第三步:

這兒是看你需要的什麼版本;根據項目需求進行安裝

vue用腳手架創建簡單網頁(vuecreate創建項目vue項目)4

vue用腳手架創建簡單網頁(vuecreate創建項目vue項目)5

代碼風格(代碼檢測)

vue用腳手架創建簡單網頁(vuecreate創建項目vue項目)6

vue用腳手架創建簡單網頁(vuecreate創建項目vue項目)7

後面的直接回車即可;當創建項目成功以後,根據以下代碼啟動項目即可

npm run serve // 啟動項目

vue用腳手架創建簡單網頁(vuecreate創建項目vue項目)8

vue用腳手架創建簡單網頁(vuecreate創建項目vue項目)9

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved