使用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本地模擬服務(wù)器請求mock數(shù)據(jù)的方法詳解
這篇文章主要給大家介紹了關(guān)于vue本地模擬服務(wù)器請求mock數(shù)據(jù)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-03-03
一文詳細(xì)了解Vue?3.0中的onMounted和onUnmounted鉤子函數(shù)
Vue3.0引入了新的組件生命周期鉤子函數(shù)onMounted和onUnmounted,分別用于組件掛載后和卸載前的操作,這些鉤子函數(shù)為開發(fā)者提供了更多靈活性,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-10-10
Vue中引用JSON數(shù)據(jù)的方法小結(jié)
在現(xiàn)代Web開發(fā)中,JSON是一種輕量級的數(shù)據(jù)交換格式,易于人閱讀和編寫,同時(shí)也易于機(jī)器解析和生成,Vue.js作為一個(gè)流行的前端框架,支持多種方式引入和處理JSON數(shù)據(jù),本文將詳細(xì)介紹幾種在Vue中引用JSON數(shù)據(jù)的方法,需要的朋友可以參考下2024-10-10
Electron-vue開發(fā)的客戶端支付收款工具的實(shí)現(xiàn)
這篇文章主要介紹了Electron-vue開發(fā)的客戶端支付收款工具的實(shí)現(xiàn),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
Vue使用video標(biāo)簽實(shí)現(xiàn)視頻播放
這篇文章主要為大家詳細(xì)介紹了Vue使用video標(biāo)簽實(shí)現(xiàn)視頻播放,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09

