# tutorial-vue3-starter

**Repository Path**: GISer-CC/tutorial-vue3-starter

## Basic Information

- **Project Name**: tutorial-vue3-starter
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-22
- **Last Updated**: 2022-01-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

vite2
vue3
ts


pinia(vuex replacer)
vue-router

element-plus
tailwindcss

##---
react



管理模板

-----
### 1、起始，项目搭建，router

### 2、pinia

vuex  state,

mutations actions -> actions

//vite alias
IDE进行联合

```json
"baseUrl": ".",
"paths": {
  "@/*": ["./src/*"]
}
```



### 3、tailwindcss + element-plus

配置、安装。



webpack -> 普遍的工程，就只要你想打包编译任何东西，自行配置就行。自行配置的，就有点麻烦，通用性更强。

vite -> 提供工程化的开发服务器，es module的方式，很快

```js
scss，pnpm add sass

scss-loader node-sass
```



### 4、后台模板首页的搭建

```
element-plus 布局模板
tailwindcss 的原子类 transition-all
```

### 5、后台接口对接开始

后台执行文件：

https://misiai.lanzoui.com/icNR3wpi0pa

解压密码：


axios

### 最后

composition api

hooks

---

hook -> function

hooks ? composition api

function + composition api => hooks

---

hooks -> 类似于函数，提供对逻辑的复用

利用了vue3的响应式模块，可以响应了， 而已！

### Next

Pinia2