Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hammcn/airpowerwebstarter
🔥🔥🔥[开箱即用] AirPower4T的宿主项目。AirPower4T 是一个基于 Vue3 TypeScript Element Plus Vite 的开发基础库，使用面向对象、装饰器、Hooks等开发模式，内置了数据模型转换、表格表单装饰器配置、加解密和编码解码、网络请求、权限管理等常见后台功能以及页面组件，助力后台类系统的前端开发效率，同时保障了优雅的代码质量。
https://github.com/hammcn/airpowerwebstarter
element-plus frontend oop typescript vue3 vuejs
Last synced: 2 months ago
JSON representation
🔥🔥🔥[开箱即用] AirPower4T的宿主项目。AirPower4T 是一个基于 Vue3 TypeScript Element Plus Vite 的开发基础库，使用面向对象、装饰器、Hooks等开发模式，内置了数据模型转换、表格表单装饰器配置、加解密和编码解码、网络请求、权限管理等常见后台功能以及页面组件，助力后台类系统的前端开发效率，同时保障了优雅的代码质量。
- Host: GitHub
- URL: https://github.com/hammcn/airpowerwebstarter
- Owner: HammCn
- License: mit
- Created: 2023-04-25T14:38:04.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-26T07:59:52.000Z (2 months ago)
- Last Synced: 2024-11-26T08:26:57.462Z (2 months ago)
- Topics: element-plus, frontend, oop, typescript, vue3, vuejs
- Language: Vue
- Homepage: https://hamm.cn
- Size: 4.55 MB
- Stars: 22
- Watchers: 1
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
WebStarter
# AirPowerWebStarter
via [Github](https://github.com/HammCn/AirPowerWebStarter) / [Gitee](https://gitee.com/air-power/AirPowerWebStarter)
### 写在前面
你当前正在查看基于 `AirPower4T` 基础库的 宿主项目的代码, 我们使用的是 `Vite` 构建, 包管理使用的是 `yarn`,
请先安装前叙的相关工具后继续接下来的操作 ：）
- 安装 **TypeScript** :
```shell
npm install -D typescript
```
### 一、初始化仓库
建议windows开发者使用 `git bash` 不要使用windows自带的拉垮的 `cmd` `powershell` 等。否则接下来的脚本可能出现问题，你只能通过自己手动去操作。
- 通过**Github**代码仓库初始化
```shell
git clone https://github.com/HammCn/AirPowerWebStarter.git &&
cd AirPowerWebStarter/src &&
git clone https://github.com/HammCn/AirPower4T.git airpower && cd ../ &&
yarn && cp .env.dev .env && yarn s
```
- 通过**Gitee**代码仓库初始化(推荐)
```shell
git clone https://gitee.com/air-power/AirPowerWebStarter.git &&
cd AirPowerWebStarter/src &&
git clone https://gitee.com/air-power/AirPower4T.git airpower && cd ../ &&
yarn && cp .env.dev .env && yarn s
```
### 二、修改环境变量
按需修改配置
```conf
VITE_APP_NAME = "开发环境"
VITE_APP_API_URL = "/api/"
VITE_APP_STATIC_URL = "/static/"
```
### 三、启动和打包
启动项目前，我们建议你关闭 `visual studio code` 的 `Vetur` 插件，避免 `vue2` 和 `vue3` 产生冲突。
```shell
# 启动项目
yarn s #缩写指令
# 打包项目
yarn dev #开发环境 使用.env.dev
yarn test #测试环境 使用.env.test
yarn production #生产环境 使用.env.production
```
### 四、其他命令
```shell
#使用标准commit模板
yarn c
#更新项目和AirPower
yarn u
#查看Git格式化日志
yarn l
```
### 五、推荐的VSCODE插件扩展
- Vue - Official
- ESLint
- SCSS Formatter
> 如碰到其他兼容问题，建议在工作区禁用以上三个插件之外的其他插件，特别是`Vetur`。
### 六、Enjoy your coding!