https://github.com/fromsko/soft-cloud-update

一款采用Vue3构建的软件库
https://github.com/fromsko/soft-cloud-update

Last synced: 8 months ago
JSON representation

一款采用Vue3构建的软件库

• Host: GitHub
• URL: https://github.com/fromsko/soft-cloud-update
• Owner: Fromsko
• License: apache-2.0
• Created: 2024-07-06T14:35:24.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-24T16:16:41.000Z (over 1 year ago)
• Last Synced: 2025-07-02T01:36:06.562Z (11 months ago)
• Language: CSS
• Homepage: https://cloud.endlove.work
• Size: 8.15 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Deploy Your Own

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/fromsko/soft-cloud-update)

## Deploying From Your Terminal

```shell

vercel

```

## 前期展示

- 主页面

  ![frist-commited](./docs/index-page.png)

- 登录页面

  ![frist-commited](./docs/login-page.png)

- 应用管理页面

  ![frist-commited](./docs/应用管理.png)

- 后台管理页面

  ![frist-commited](./docs/后台管理界面.png)

- 侧边栏

  ![frist-commited](./docs/侧边栏.png)

- 关于页面

  ![frist-commited](./docs/关于页面.png)

## 演示

![alt text](./docs/README-recording.gif)

## 启动

```shell

bun dev

```

---

## Vue3 管理系统开发

> 前置要求：

>

> 项目采用 `bun` 而不采用 `npm` | 兼容所有 node 的配置

>

> [Bun 官网](https://bun.sh)

## 安装依赖

```shell

bun i -g @vue-cli

```

### 创建项目

```shell

# vue 脚手架创建

bun create vue manager-fe

# vite 创建

bun i -g vite@latest

```

### 安装插件

```shell

# 生产环境

bun i vue-router@next element-plus axios -D

# 开发环境

bun i sass -S

```

### 路由搭建

#### Composition API 跳转

```vue

import { useRouter } from 'vue-router'

let router = useRouter()

const goHome = () => {

  router.push('/dashboard')

}

```

#### 传统跳转

```vue

  
登陆页面

  回去主页


export default {

  name: 'dashboard',

  methods: {

    goHome() {

      this.$router.push('/dashboard')

    },

  },

}

```

#### bun 运行多个项目

> 安装依赖

```shell

bun i concurrently --save

```

> 配置启动命令

```json

{

  "scripts": {

    "build": "vite build",

    "preview": "vite preview",

    "frontend": "vite",

    "backend": "bun run backend/server.js",

    "all": "concurrently \"bun run frontend\" \"bun run backend\""

  }

}

```