An open API service indexing awesome lists of open source software.

https://github.com/rocklakegrass/wails-vue-js-3-template

A Wails template based on Vue3.x, using VScode as IDE
https://github.com/rocklakegrass/wails-vue-js-3-template

golang javascript template templates vuejs wails wails-app

Last synced: 4 months ago
JSON representation

A Wails template based on Vue3.x, using VScode as IDE

Awesome Lists containing this project

README

          


Wails-Vuejs3.x-template



基于Vue3.x的Wails模板




license

platform

## 国际化

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

## 预览

![DesignSketch](./DesignSketch.png)

## 新建项目

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

### 创建
```
wails init -n [你的应用名称] -t https://github.com/RockLakeGrass/wails-vue-js-3-template.git
```
如果您在中国境内,可以使用`gitee`创建您的项目
```
wails init -n [你的应用名称] -t https://gitee.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)开始开发您的应用啦!