2024-03-31 11:38:05 +08:00
# pracytice
This template should help get you started developing with Vue 3 in Vite.
## Recommended IDE Setup
[VSCode ](https://code.visualstudio.com/ ) + [Volar ](https://marketplace.visualstudio.com/items?itemName=Vue.volar ) (and disable Vetur).
## Type Support for `.vue` Imports in TS
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar ](https://marketplace.visualstudio.com/items?itemName=Vue.volar ) to make the TypeScript language service aware of `.vue` types.
## Customize configuration
See [Vite Configuration Reference ](https://vitejs.dev/config/ ).
## Project Setup
```sh
npm install
```
### Compile and Hot-Reload for Development
```sh
npm run dev
```
### Type-Check, Compile and Minify for Production
```sh
npm run build
```
2024-03-31 13:33:24 +08:00
```bash
├─node_modules -- 项目依赖文件夹
├─public -- 放置静态资源文件
├─src -- 根目录文件夹放置项目文件
| ├─assests -- 静态资源文件夹
| ├─components -- 公共组件文件夹
| ├─pages -- 页面文件夹
| | ├─header -- 头部文件夹
| | ├─content -- 内容文件夹
| | ├─footer -- 页脚文件夹
| ├─plugins -- 插件文件夹
| ├─router -- 路由文件夹
| ├─stores -- pinia文件夹
| ├─style -- 公共样式文件夹
| ├─App.vue -- 根组件
| ├─main.ts -- 入口文件
├─.gitignore -- git忽略文件
├─env.d.ts -- TypeScript 编译器可以识别 TypeScript 类型声明文件
├─index.html -- 项目入口文件
├─package-lock.json -- 依赖包的锁定文件
├─package.json -- 项目依赖包
├─README.md -- 项目说明
├─tsconfig.app.json -- 对 TypeScript 配置文件进行扩展,并覆盖
├─tsconfig.json -- Typescript配置文件
├─tsconfig.node.json -- 对 TypeScript 配置文件进行扩展,并覆盖
├─vite.config.ts -- Vite配置文件
```