vite+vue3.x

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


npm init vite-app <項(xiàng)目名稱>
cd  <項(xiàng)目名稱>
cnpm install
cnpm run dev

詳細(xì):https://github.com/vitejs/vite

image.png

配置typescript

TypeScript 不適合在 vue 業(yè)務(wù)開發(fā)中使用嗎?
https://www.zhihu.com/question/310485097/answer/591869966

cnpm install -g typescript
npx tsc --init//初始化tsconfig.json 新增tsconfig.json文件

main.js修改為main.ts
index.html
<script type="module" src="/src/main.ts"></script>
<script lang="ts">
App.vue與HelloWorld.vue文件,修改方式如下

image.png

Vue Router

https://router.vuejs.org/zh/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容