# wails-vue-js-3-template

**Repository Path**: rocklakegrass/wails-vue-js-3-template

## Basic Information

- **Project Name**: wails-vue-js-3-template
- **Description**: 基于 Vue3.x 的 Wails 模板，使用VScode作为ide
- **Primary Language**: Go
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2022-03-22
- **Last Updated**: 2023-03-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center">
    Wails-Vuejs3.x-template
</h1>
<p align="center">
  基于Vue3.x的Wails模板
</p>
<p align="center">
    <a href="./LICENSE" >
        <img alt="license" src="https://img.shields.io/badge/license-MIT-blue"/>
    </a>
    <img alt="platform" src="https://img.shields.io/badge/platform-windows%20%7C%20macos%20%7C%20linux-brightgreen">
</p>

## 国际化

简体中文 | [English](README-en-us.md)

## 预览

![DesignSketch](./DesignSketch.png)

## 新建项目

### 先决条件
* golang 与 wails
* vscode 与 插件 f5anything
* nodejs 与 npm
* vue-cli 并且包含 vue-cli-service
* git

### 创建
```
wails init -n [你的应用名称] -t https://gitee.com/rocklakegrass/wails-vue-js-3-template.git
```
如果您在中国境外，可以使用`Github`创建您的项目
```
wails init -n [你的应用名称] -t https://github.com/RockLakeGrass/wails-vue-js-3-template.git
```

### VScode 配置文件
此模板自带`VSCode`配置文件，需要`f5anything`插件的支持。
自带的配置文件为了兼容`ARM64`与`x86 32bit`弃用`dlv`，因为`dlv`不支持这些架构

如果需要自己的配置文件，可以自行配置 `.vscode/launch.json`

## 参考文档
前端部分使用了 `Vue`、`Vue-cli`和`Ant Design Vue`

* Vue: 使用 Vue 3.x 版本，具体使用方式请参考[Vue3.x 官方文档](https://v3.vuejs.org/guide/introduction.html)
* Vue-cli: 使用Vue-cli 3.x 版本，具体使用方式请参考[Vue Cli 3.x 官方文档](https://cli.vuejs.org/zh/guide/installation.html)
* Ant Design Vue: 使用antd组件库，具体使用方式请参考[Ant Design Vue 官方文档](https://www.antdv.com/docs/vue/introduce-cn/)

然后您就可以参考 Wails [官方文档](https://wails.top/zh-Hans/docs/introduction)开始开发您的应用啦!