欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vite構(gòu)建vue3項(xiàng)目的全過(guò)程記錄

 更新時(shí)間:2023年01月16日 11:40:25   作者:harmsworth2016  
vite是VUE3創(chuàng)建項(xiàng)目的工具,項(xiàng)目大了之后,性能明顯優(yōu)于webpack,下面這篇文章主要給大家介紹了關(guān)于vite構(gòu)建vue3項(xiàng)目的相關(guān)資料,需要的朋友可以參考下

環(huán)境準(zhǔn)備

安裝最新版本 @vuejs/app

yarn global add @vue/cli
# OR
npm install -g @vue/cli

升級(jí)到最新版本 @vitejs/app

yarn global upgrade @vue/cli
# OR
npm update -g @vue/cli

查看 vue 版本

vue -V

兼容性注意

Vite 需要 Node.js 版本 >= 12.0.0。

故切換 node 版本,可查看該文章:使用 nvs 管理本地 Node 版本。

創(chuàng)建項(xiàng)目

yarn create @vitejs/app <project-name>
# OR
npm init @vitejs/app <project-name>

選擇一個(gè)框架

選擇一種 ECMAScript 的實(shí)現(xiàn)

創(chuàng)建完成

啟動(dòng)

npm install
npm run dev
# OR
yarn
yarn dev

目錄結(jié)構(gòu)

總結(jié)

  • vite 依賴 node 12 版本及以上
  • 使用 vite 構(gòu)建 vue 項(xiàng)目更加簡(jiǎn)潔,啟動(dòng)速度飛快

到此這篇關(guān)于vite構(gòu)建vue3項(xiàng)目的文章就介紹到這了,更多相關(guān)vite構(gòu)建vue3項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • Vue3 框架Arco Design詳解

    Vue3 框架Arco Design詳解

    Arco Design 作為一款專為 Vue3 打造的企業(yè)級(jí) UI 組件庫(kù),以其豐富的特性和卓越的性能,成為現(xiàn)代 Web 應(yīng)用開發(fā)者值得關(guān)注的選擇,這篇文章主要介紹了Vue3 框架Arco Design詳解,需要的朋友可以參考下
    2024-08-08
  • vue為自定義路徑設(shè)置別名的方法

    vue為自定義路徑設(shè)置別名的方法

    這篇文章介紹了vue為自定義路徑設(shè)置別名的方法,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-11-11
  • Vue使用pdf-lib實(shí)現(xiàn)為文件流添加水印并預(yù)覽

    Vue使用pdf-lib實(shí)現(xiàn)為文件流添加水印并預(yù)覽

    這篇文章主要為大家詳細(xì)介紹了Vue如何使用pdf-lib實(shí)現(xiàn)為文件流添加水印并預(yù)覽的功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起了解一下
    2023-03-03
  • 詳解Vue.use自定義自己的全局組件

    詳解Vue.use自定義自己的全局組件

    本篇文章主要介紹了Vue.use自定義自己的全局組件,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-06-06
  • VUE引入騰訊地圖并實(shí)現(xiàn)軌跡動(dòng)畫的詳細(xì)步驟

    VUE引入騰訊地圖并實(shí)現(xiàn)軌跡動(dòng)畫的詳細(xì)步驟

    這篇文章主要介紹了VUE引入騰訊地圖并實(shí)現(xiàn)軌跡動(dòng)畫,引入步驟大概是在 html 中通過(guò)引入 script 標(biāo)簽加載API服務(wù),結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2022-09-09
  • 使用canvas實(shí)現(xiàn)一個(gè)vue彈幕組件功能

    使用canvas實(shí)現(xiàn)一個(gè)vue彈幕組件功能

    這篇文章主要介紹了使用canvas實(shí)現(xiàn)一個(gè)vue彈幕組件功能,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-11-11
  • Vue?路由傳參加密的示例代碼

    Vue?路由傳參加密的示例代碼

    這篇文章主要介紹了Vue?路由傳參加密,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-12-12
  • Vue.js學(xué)習(xí)筆記之 helloworld

    Vue.js學(xué)習(xí)筆記之 helloworld

    vue是法語(yǔ)中視圖的意思,Vue.js是一個(gè)輕巧、高性能、可組件化的MVVM庫(kù),同時(shí)擁有非常容易上手的API。有需要的小伙伴可以參考下
    2016-08-08
  • Vue.js中該如何自己維護(hù)路由跳轉(zhuǎn)記錄

    Vue.js中該如何自己維護(hù)路由跳轉(zhuǎn)記錄

    這篇文章主要給大家介紹了關(guān)于Vue.js中該如何自己維護(hù)路由跳轉(zhuǎn)記錄的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Vue.js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-05-05
  • vue獲取當(dāng)前點(diǎn)擊的元素并傳值的實(shí)例

    vue獲取當(dāng)前點(diǎn)擊的元素并傳值的實(shí)例

    下面小編就為大家分享一篇vue獲取當(dāng)前點(diǎn)擊的元素并傳值的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-03-03

最新評(píng)論