TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建

1.TypeScript+Vue3+Vite+VueRouter+Pinia的项目搭建

1.1 使用Vite初始化Vue3+TypeScript项目

​ 开发Vue3项目首先要确保电脑上安装了Vite脚手架，本节课程略过Vite脚手架的介绍。在命令行工具中初始化Vite项目，代码如下：

npm init vite

​ 接下来选择项目搭配，项目命名为vite-test，技术框架选择vue框架，如下：

✔ Project name: … vite-test
? Select a framework: › - Use arrow-keys. Return to submit.
    vanilla
❯   vue
    react
    preact
    lit
    svelte

​ 接下来是语种选择，这里选择使用TypeScript初始化项目，如下：

✔ Project name: … vite-test
✔ Select a framework: › vue
? Select a variant: › - Use arrow-keys. Return to submit.
    vue
❯   vue-ts

​ 创建成功后命令行工具中会弹出如下提示：

✔ Project name: … vite-te