2 Star 7 Fork 2

MRLH / kbone-vue3

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

kbone-vue3

使用 vue3 多端开发(小程序和Web),基于 kbone 的 element 和 render。

特性

  • 一键接入,立即使用
  • 支持更完整的 vue 语法及特性
  • webpack、es6、babel、hot reload、cli、vue-router、vuex,你想要的都有

开发

  • Web 端:直接浏览器访问 localhost:8080/ 即可看到效果。
npm run web
  • 小程序端:使用开发者工具打开 dist/dev/mp 目录即可。
npm run mp

构建

  • Web 端:构建完成会生成 dist/web 目录
npm run build
  • 小程序端:构建完成会生成 dist/prod/mp 目录
npm run build:mp

小程序端打开

需要先进入 dist/mp 目录执行 npm install 安装相关的依赖包,然后用开发者工具打开 dist/mp 目录后再进行 npm 构建(关于 npm 构建可点此查看官方文档)。

目录说明

此模板 Web 端使用多入口;小程序端则按照业务分拆成多个页面。

├─ build
│  ├─ miniprogram.config.js  // mp-webpack-plugin 配置
│  ├─ webpack.base.config.js // 基础配置
│  ├─ webpack.dev.config.js  // Web 端构建开发环境配置
│  ├─ webpack.mp.config.js   // 小程序端构建配置
│  └─ webpack.prod.config.js // Web 端构建生产环境配置
├─ dist
│  ├─ dev
│     └─ mp        // 小程序端目标代码目录,使用微信开发者工具打开,用于开发环境
│  ├─ prod
│     └─ mp        // 小程序端目标代码目录,使用微信开发者工具打开,用于生产环境
│  └─ web                    // web 端编译出的文件,用于生产环境
├─ src
│  ├─ components             // 通用组件
│  ├─ pages                  // 页面入口目录
│  │  ├─ page1               // page1 页面
│  │  │  └─ main.js          // 入口文件
│  │  ├─ page2               // page2 页面
│  │  │  └─ main.js          // 入口文件
│  │  └─ page3               // page3 页面
│  │     └─ main.js          // 入口文件
│  ├─ app.css                // 小程序端主样式文件
│  └─ app.js                 // 小程序端主文件
└─ index.html                // Web 端入口模板

其他说明

如果要使用 ts,则在 vue 的 script 标签上加上 lang="ts"。如果要使用 reduce-loader,就不能使用 ts,因为 ts 目前没有支持内联 loader。

License

MIT

MIT License Copyright (c) 2019 wechat-miniprogram Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

使用kbone+vue3进行开发 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/MRLH/kbone-vue3.git
git@gitee.com:MRLH/kbone-vue3.git
MRLH
kbone-vue3
kbone-vue3
master

搜索帮助