0%

Vue3TypeScript(2) - 創建項目

1. 安裝

1
npm init vite@latest vue3-vite-ts-vuex-element-plus

1.1. select a framework

會提示選擇,選vue

1
vue

1.2. select a variant

第二次提示,選vue-ts

1
vue-ts

1.3. npm install

經由上述初始設定後,輸入指令

1
npm install

2. 進行簡單整理

App.vue

1
2
3
4
5
6
7
8
9
10
11
<script setup lang="ts">

</script>

<template>
</template>

<style scoped>

</style>

看一下package.json

1
2
3
4
5
"scripts": {
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
"preview": "vite preview"
},

因此我們可以 使用 npm run dev,啟動了網頁伺服器

image-20220806170832284