Login
芋圆社区 > 编程 > 【项目】桌宠之旅 > 2-修改项目结构

2-修改项目结构

765
0
2023-07-02
2023-07-18
Hey、小怪兽

  • • 下面介绍一下我的文件结构
  • • 因为没用Vue和React这些框架,就用原生的HTML+CSS+JS,先创建一个src文件
  • • 把主进程,渲染进程,预加载脚本的文件夹放进去,这里三个文件夹我用了下划线,主要是想让它们集中在一起,后期要一直和这三个文件夹打交道:
  • • 上一章节创建的index.js就不需要了,删掉,把package.json里改成主进程_main里的main.js:
  • "main": "./src/_main/main.js",
  • • 在_main里的main.js写上上一章的console.log:
  • console.log('Hello Taro!')
  • • 启动项目pnpm start,没问题,进行下一步
  • • 还是在src创建modules文件夹,这个是桌宠的模组,里面放桌宠的东西,三个文件夹:kkr,kru,pko,里面再分别创建js,用来存放变量和数据啥的
  • - kkr:可可萝模组
  • - kru:凯露模组
  • - pko:佩可模组
  • • 接着是public和utils
  • - public:里面有css,icon,images,js文件夹,主要是一些资源文件
  • - utils:方法文件夹,存放一些公共的方法或者其他方法
  • • 最后在src创建一个index.html文件就完成了,这个是主要的桌宠HTML,如果打算后期弄很多窗口的话,可以单独创一个html的文件夹:
  • • 完美,项目的结构非常漂亮!

上一篇:1-搭建环境和创建简单的应用程序

下一篇:3-创建一个透明的窗口

Message Board
回复
回复内容不允许为空
留言字数要大于2,小于200!
提交成功,5s后刷新页面!
编程导航

0-桌宠开发前言

1-搭建环境和创建简单的应用程序

2-修改项目结构

3-创建一个透明的窗口

4-nodemon实现热加载

5-获取桌宠每一帧图片

6-Pixi.js加载桌宠初始动画

7-添加鼠标事件

8-获取区域颜色和判断桌宠本体

9-设置进程通信和鼠标穿透

10-实现桌宠拖拽

11-实现桌宠随机动作

12-实现桌宠播放语音

13-实现桌宠词板功能

14-设置系统托盘

15-实现桌宠模组切换

16-桌宠数据和状态拓展

17-生成ICO图标和准备打包

18-完成开发并打包桌宠应用

Copyright © 2020 芋圆社区

Powered by 浙ICP备2020039309号-1

此页面不支持夜间模式!

已进入夜间模式!

已进入普通模式!

搜索框不允许为空

签到成功!经验+5!芋圆币+2!

签到失败!今日已签到!

需要登录社区账号才可以进入!

复制成功
寄,页面未加载完成或页面无锚点