分享
赛题2开发环境搭建
输入“/”快速插入
赛题2开发环境搭建
飞书用户3629
3月1日创建
1 官方资料汇集
•
蓝河创新应用开发(手机/平板方向)开发手册
https://docs.qq.com/doc/DV1puYmxmVnVWcmFs
•
蓝河创新应用开发(手表)教程
https://docs.qq.com/doc/DV1RObmJ5bHdHVXhH
•
赛事 FAQ
https://docs.qq.com/sheet/DV25uTlZtSVF0V3FK?tab=BB08J2
•
赛题介绍及报名
https://competition.atomgit.com/competitionInfo?id=c50d174fbf4d55a7172b25cb784258f8
•
2024 vivo 蓝河操作系统创新赛直播文档0229
https://docs.qq.com/pdf/DV09CaXhWUmlzVW9v?
•
BlueOS 蓝河操作系统官网
https://www.blueos.com.cn/
•
参赛作品提交材料说明文档
https://h5.vivo.com.cn/blueos-atom/docs/submit.zip
2 工具下载
•
Node
https://github.com/nvm-sh/nvm
•
Bun
https://bun.sh/
•
BlueOS Studio 开源大赛版本
https://studio.blueos.com.cn/install
3 开发环境(推荐)
3.1 我的开发环境
4 应用方向
4.1 手机/平板方向
参考4.2手表方向
4.2 手表方向
4.2.1 两个模板的选择
•
文件 -> 新建工程 -> 手表 -> 手表模板一
•
文件 -> 新建工程 -> 手表 -> 手表模板二(Tailwind CSS)
两个模板的区别:选择的 CSS 解决方案不一样,其他一样。
我选择模板二。
注意:
模板中 Tailwind CSS 的自定义配置项没有按最新版本更新,所以有很多 warning,可以忽略,也可以后期改正。
BlueOS Studio 中安装 VSCode 扩展:
Tailwind CSS IntelliSense
4.2.2 初始化一个Demo应用
Demo 选择了 bun 作为 Node 的包管理器,使用 npm/pnpm 的同学,请相应修改。