安裝node.js
vue?? --version? （4.5.0以上）
npm install -g @vue/cli
vue create 項目名稱
npm run dev 啟動
npm run build 打包
————————
vite 創(chuàng)建工程
npm create vue@latest
npm i
npm run dev 啟動
npm run build 打包
=====================
項目結(jié)構(gòu)
.vscode extensions.json? 插件
node-modules 依賴
public 頁簽圖標(biāo) 根目錄
src 源代碼
env.d.ts? 目錄引用
index.html 首頁 入口文件
package.json 命令 包管理
package-lock.json 包管理
tsconfig.* ts配置
vite.config.ts 工程配置文件
===============
引入
=====================
vue文件結(jié)構(gòu)
=======
插件安裝
npm -i vite-plugin-vue-setup-extend
=====
數(shù)據(jù)格式
<script setup lang="ts" name="Person">
import {ref,reative} from 'vue'
let name = ref ('張三' )
let age =ref ('18')
let phone = '18855555222'
// 函數(shù)
function changename() {
? ?name.value = '二八'
}文章來源：http://www.zghlxwxcb.cn/news/detail-775511.html
function changeage() {
? ? age.value = '28'
}
function see() {
? ? alert(phone)
}
</script>文章來源地址http://www.zghlxwxcb.cn/news/detail-775511.html
到了這里，關(guān)于vue3項目創(chuàng)建的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
