前言
来了来了,让大家久等了,经过一段时间的打磨,`百搭-开发可视化构建工具`,终于正式跟大家见面啦。
1. 百搭是什么?
百搭的全名是:百搭开发可视化构建工具,顾名思义就是让开发可视化,工程构建预览、开发代码、组件模板,文档集成一体的Web开发可视化构建工具。
2. 百搭解决了什么问题?
一直以来,我们的主要目标就是提高开发效率,围绕着这个目标,有了BUI框架,快速代码书写插件,工程构建工具,组件库,模板库,等等这些,但这些东西是比较分散的,对于项目开发者,可能了解了一下就马上投入开发了,用得好的可以提高70%的效率,用得不好的可能百分之10%都不到。
百搭就是把这些能提高效率的资源都串联起来,形成一个入口,让大家在同一个起跑线上。
以前我们要安装插件,构建工具,一个工程要安装一次依赖包,用资源又得打开网站下载,解压,步骤非常的繁琐,现在我们从项目构建,到开发,组件模板都是一键集成,效率大大提升。
特点
模板共享,一键集成;
快速构建,无需等待;
开箱即用,无需配置;
按需加载,高效复用;
一次开发,平台适配;
流畅交互,原生体验;
视频实操
微信扫一扫观看实际操作视频
安装使用
建议环境为 node 14.20 以上
注意:如果版本baida -v
低于 0.4.0
请执行 npm uninstall baida -g
卸载之前版本,重新安装
国内使用 cnpm 安装速度更快。如果windows安装报错,也可以试试 cnpm 安装
Windows 安装
需要先使用右键,管理员打开终端,运行以下命令,windows推荐使用 cnpm 安装
# 安装cnpm
npm install cnpm -g
# 全局安装
cnpm install baida -g --force
# 服务
baida start
Mac 安装
mac 如果安装报错,需要提升NPM权限 sudo npm -g config set user root
,
# 提升npm安装权限
sudo npm -g config set user root
# 全局安装
sudo npm install baida -g
# 服务
sudo baida start
Chrome打开网址:http://localhost:9000
使用反馈
使用过程中如果遇到问题,欢迎进内测群反馈。
截图预览
登录
欢迎指引
新建项目
项目预览
代码库
组件
模板
一键下载:
有使用上的问题,欢迎大家进内测群反馈。