使用vue init webpack項(xiàng)目名創(chuàng)建項(xiàng)目方式
1.檢測node和npm的版本

2.使用vue init webpack 項(xiàng)目名稱創(chuàng)建項(xiàng)目

3.切換到項(xiàng)目文件下面

4.通過npm run dev運(yùn)行項(xiàng)目

如果報(bào)錯(cuò)說'webpack-dev-server' 不是內(nèi)部或外部命令,也不是可運(yùn)行的程序 或批處理文件,就npm install安裝package.json文件中的所有依賴模塊。

5.在瀏覽器中打開生成鏈接的網(wǎng)頁
查看項(xiàng)目生成是否成功

如果安裝成功,打開鏈接后就是上圖呈現(xiàn)的樣式。
6.項(xiàng)目文件解析

總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- vue create、vue webpack init創(chuàng)建vue項(xiàng)目產(chǎn)生的項(xiàng)目文件的區(qū)別
- vue init webpack myproject構(gòu)建項(xiàng)目 ip不能訪問的解決方法
- vue項(xiàng)目初始化過程中錯(cuò)誤總結(jié)
- vite+vue3項(xiàng)目初始化搭建的實(shí)現(xiàn)步驟
- vue vite之LogicFlow安裝核心依賴及項(xiàng)目初始化詳解
- mpvue 項(xiàng)目初始化及實(shí)現(xiàn)授權(quán)登錄的實(shí)現(xiàn)方法
- vue項(xiàng)目初始化到登錄login頁面的示例
- vue init webpack 項(xiàng)目初始化失敗問題
相關(guān)文章
VUE開發(fā)分布式醫(yī)療掛號系統(tǒng)的醫(yī)院設(shè)置頁面步驟
這篇文章主要為大家介紹了VUE開發(fā)分布式醫(yī)療掛號系統(tǒng)的醫(yī)院設(shè)置頁面步驟,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04
vue如何設(shè)置輸入框只能輸入數(shù)字且只能輸入小數(shù)點(diǎn)后兩位,并且不能輸入減號
這篇文章主要介紹了vue如何設(shè)置輸入框只能輸入數(shù)字且只能輸入小數(shù)點(diǎn)后兩位,并且不能輸入減號問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
vue使用vuedraggable對列表進(jìn)行拖拽排序
vuedraggable 是一個(gè)基于 Vue 的拖拽排序組件,它可以讓你輕松地在 Vue 應(yīng)用中實(shí)現(xiàn)拖拽排序功能,下面就跟隨小編一起來了解下它的具體應(yīng)用吧2024-12-12
vue實(shí)現(xiàn)三級聯(lián)動動態(tài)菜單
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)三級聯(lián)動動態(tài)菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04
vue打印插件vue-print-nb的實(shí)現(xiàn)代碼
這篇文章主要介紹了vue打印插件vue-print-nb的實(shí)現(xiàn),需要引入插件npm install vue-print-nb --save,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-03-03

