实战项目名称：仿知识星球App
技术栈：前端 => uni-app （后端：Node.js + Mysql + Apollo + Graphql ）
已实现功能：微信登录，创建星球，内容管理，星球管理
项目git地址：请点击访问

项目最终效果图：@点击访问效果图，欢迎关注收藏订阅专栏！！！

文章会先按照 ① uni-app端、 ② Node.js后端、③ 微信小程序、④ 利用宝塔面板部署项目；先后顺序更新文章。

文章目录

一、今日实战目标
二、实战步骤
- 1.在DCloud插件市场下载插件
- 2.引入插件
- 3.配置根目录的vue.config.js文件
- 4. 在main.js 引入uview组件库
总结

提示：该项目只用于个人实战，不应用于任何商业用途。

一、今日实战目标

引入uView框架

二、实战步骤

1.在DCloud插件市场下载插件

uView插件下载地址
下载后，将文件放在下图地址

2.引入插件

在App.vue文件中引入样式,注意样式引入顺序

3.配置根目录的vue.config.js文件

添加下方代码

module.exports = {transpileDependencies: ['uview-ui']
}

4. 在main.js 引入uview组件库

注意：一定要放在import Vue之后

总结

按照上面的步骤操作完后，就可以在项目中使用该框架，各组件在官方文档都有示例，按需去使用相应的组件。

由于项目目前在对接后台api中，项目git地址：请点击访问，大家可以去clone下来借鉴下；

温馨提示：

项目仅用于个人实战，设计图和架构是自己基于知识星球APP进行设计的，算得上是入门级的uni-app，后期会更新一个企业级uniapp项目。
我是在空闲中写写博客，并没有很规范，欢迎在评论区留下你的建议与意见。
git项目拷贝下来的代码有不懂的，可以截图私信给我，看到会回复你，希望可以帮助到你了解和开发uniapp。

uniapp实战项目（仿知识星球App) - - 引入uView框架相关推荐

uniapp实战项目（仿知识星球App) - - 配置开发工具和全局css样式
实战项目名称:仿知识星球App 技术栈:前端 => uni-app ( 后端:Node.js + Mysql + Apollo + Graphql ) 已实现功能:微信登录,创建星球,内容管理, ...
uniapp实战项目（仿知识星球App) - - 自定义顶部导航栏和登录弹窗组件
实战项目名称:仿知识星球App 技术栈:前端 => uni-app ( 后端:Node.js + Mysql + Apollo + Graphql ) 已实现功能:微信登录,创建星球,内容管理, ...
uniapp实战项目（仿知识星球App) - - 实现图片懒加载
实战项目名称:仿知识星球App 技术栈:前端 => uni-app ( 后端:Node.js + Mysql + Apollo + Graphql ) 已实现功能:微信登录,创建星球,内容管理, ...
uniapp实战项目（仿知识星球App) - - 效果篇
实战项目名称:仿知识星球App 技术栈:前端 => uni-app ( 后端:Node.js + Mysql + Apollo + Graphql ) 已实现功能:微信登录,创建星球,内容管理, ...
uniapp实战项目（仿知识星球App) - - tabBar配置
实战项目名称:仿知识星球App 技术栈:前端 => uni-app ( 后端:Node.js + Mysql + Apollo + Graphql ) 已实现功能:微信登录,创建星球,内容管理, ...
uniapp实战项目（仿知识星球App) - - 利用computed监听用户操作
实战项目名称:仿知识星球App 技术栈:前端 => uni-app ( 后端:Node.js + Mysql + Apollo + Graphql ) 已实现功能:微信登录,创建星球,内容管理, ...
uniapp实战项目（仿知识星球App) - - 封装组件
实战项目名称:仿知识星球App 技术栈:前端 => uni-app ( 后端:Node.js + Mysql + Apollo + Graphql ) 已实现功能:微信登录,创建星球,内容管理, ...
uniapp实战项目仿糗事百科_项目设计最好用的底层思考模型——黄金圈
为什么要学习黄金圈法则如何学习黄金圈法则学习黄金圈法则哪些内容彩蛋全文共计2200字,10张图片I阅读13分钟为什么要学习黄金圈法则在工作中和生活中,你是否遇到过以下的困惑: 1-老板突然 ...
UNIAPP实战项目笔记43 购物车页面修改收货地址和修改默认地址
UNIAPP实战项目笔记43 购物车页面修改收货地址和修改默认地址实际案例图片修改收货地址和修改默认地址页面布局和功能具体内容图片自己替换哈,随便找了个图片的做示例用到了vuex的状态机,具体 ...

uniapp实战项目（仿知识星球App) - - 引入uView框架

文章目录

一、今日实战目标

二、实战步骤

1.在DCloud插件市场下载插件

2.引入插件

3.配置根目录的vue.config.js文件

4. 在main.js 引入uview组件库

总结

uniapp实战项目（仿知识星球App) - - 引入uView框架相关推荐

最新文章

热门文章

uniapp实战项目 （仿知识星球App) - - 引入uView框架

文章目录

一、今日实战目标

二、实战步骤

1.在DCloud插件市场下载插件

2.引入插件

3.配置根目录的vue.config.js文件

4. 在main.js 引入uview组件库

总结

uniapp实战项目 （仿知识星球App) - - 引入uView框架相关推荐

最新文章

热门文章

uniapp实战项目（仿知识星球App) - - 引入uView框架

uniapp实战项目（仿知识星球App) - - 引入uView框架相关推荐