使用vue init webpack項(xiàng)目名創(chuàng)建項(xiàng)目方式
1.檢測(cè)node和npm的版本
2.使用vue init webpack 項(xiàng)目名稱(chēng)創(chuàng)建項(xiàng)目
3.切換到項(xiàng)目文件下面
4.通過(guò)npm run dev運(yùn)行項(xiàng)目
如果報(bào)錯(cuò)說(shuō)'webpack-dev-server'
不是內(nèi)部或外部命令,也不是可運(yùn)行的程序 或批處理文件,就npm install
安裝package.json文件中的所有依賴(lài)模塊。
5.在瀏覽器中打開(kāi)生成鏈接的網(wǎng)頁(yè)
查看項(xiàng)目生成是否成功
如果安裝成功,打開(kāi)鏈接后就是上圖呈現(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不能訪問(wèn)的解決方法
- vue項(xiàng)目初始化過(guò)程中錯(cuò)誤總結(jié)
- vite+vue3項(xiàng)目初始化搭建的實(shí)現(xiàn)步驟
- vue vite之LogicFlow安裝核心依賴(lài)及項(xiàng)目初始化詳解
- mpvue 項(xiàng)目初始化及實(shí)現(xiàn)授權(quán)登錄的實(shí)現(xiàn)方法
- vue項(xiàng)目初始化到登錄login頁(yè)面的示例
- vue init webpack 項(xiàng)目初始化失敗問(wèn)題
相關(guān)文章
VUE開(kāi)發(fā)分布式醫(yī)療掛號(hào)系統(tǒng)的醫(yī)院設(shè)置頁(yè)面步驟
這篇文章主要為大家介紹了VUE開(kāi)發(fā)分布式醫(yī)療掛號(hào)系統(tǒng)的醫(yī)院設(shè)置頁(yè)面步驟,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04vue如何設(shè)置輸入框只能輸入數(shù)字且只能輸入小數(shù)點(diǎn)后兩位,并且不能輸入減號(hào)
這篇文章主要介紹了vue如何設(shè)置輸入框只能輸入數(shù)字且只能輸入小數(shù)點(diǎn)后兩位,并且不能輸入減號(hào)問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05Vue 后臺(tái)管理類(lèi)項(xiàng)目兼容IE9+的方法示例
這篇文章主要介紹了Vue 后臺(tái)管理類(lèi)項(xiàng)目兼容IE9+的方法示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02vue使用vuedraggable對(duì)列表進(jìn)行拖拽排序
vuedraggable 是一個(gè)基于 Vue 的拖拽排序組件,它可以讓你輕松地在 Vue 應(yīng)用中實(shí)現(xiàn)拖拽排序功能,下面就跟隨小編一起來(lái)了解下它的具體應(yīng)用吧2024-12-12vue實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)動(dòng)態(tài)菜單
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)動(dòng)態(tài)菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-04-04vue打印插件vue-print-nb的實(shí)現(xiàn)代碼
這篇文章主要介紹了vue打印插件vue-print-nb的實(shí)現(xiàn),需要引入插件npm install vue-print-nb --save,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-03-03