VUE3(一)安裝+使用vite創建一個項目


VUE3.0第一篇。主要還是看一看官方的手冊,做一個筆記。

官方文檔網址:

https://www.vue3js.cn/docs/zh/guide/introduction.html

這里看一下vue3.0的安裝以及創建第一個項目。

官方對js包管理為我們提供了兩個選擇,npm和yarn。我這里比較傾向使用yarn。

關於yarn的介紹,請移步《js包管理工具yarn

一:安裝vue3.0

yarn global add @vue/cli@next

安裝成功如下圖所示:

在這里插入圖片描述

二:創建項目

1:創建一個名為blog的項目

yarn create vite-app blog

創建成功如下圖所示:

2.png

2:進入項目,並安裝依賴

cd blog # 進入項目
yarn #安裝依賴

3.png

3:運行及打包項目命令

yarn dev # 運行項目
yarn build # 打包項目

運行成功:

4.png

三:更新插件命令

vue upgrade --next
# 在項目根目錄下運行

有好的建議,請在下方輸入你的評論。

歡迎訪問個人博客
https://guanchao.site

歡迎訪問小程序:
在這里插入圖片描述


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM