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的文件夹：
- • 完美，项目的结构非常漂亮！