Vue3 + vite2 + TS 实践
项目初始化
项目创建
1
2
3
4
5
6
7
8
9
10
11
| # npm 6.x
npm create vite@latest my-vue-app --template vue
# npm 7+, extra double-dash is needed:
npm create vite@latest my-vue-app -- --template vue
# yarn
yarn create vite my-vue-app --template vue
# pnpm
pnpm create vite my-vue-app -- --template vue
|
--template后面的参数可以添加的以下官方模板：
| JavaScript | TypeScript |
| —— | —— |
| vanilla | vanilla-ts |
| vue | vue-ts |
| react | react-ts |
| preact | preact-ts |
| lit | lit-ts |
| svelte | svelte-ts |
组织结构调整
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| .
├── LICENSE
├── README.md
├── index.html
├── package.json
├── public
│ └── favicon.ico
├── src
│ ├── App.vue
│ ├── api 请求Api
│ ├── assets 资源目录
│ ├── components 项目组件
│ ├── constants 常量
│ ├── env.d.ts 全局声明
│ ├── main.ts 入口文件
│ ├── pages
│ ├── router
│ ├── store
│ ├── types
│ └── utils
├── test
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts
|
