项目详解 & 目录

从零开始的微信小程序 点餐小程序 开发

第2章 【准备工作】项目详解 & 目录

初始图解

打开项目根目录 在pages文件夹内删掉 index

在app.json文件删掉 “pages/index/index” 然后ctrl + s 保存

重新加上 “pages/index/index”, 这段话，然后ctrl + s 保存

你会发现 index文件重新出来了。
这里解释一下：

1. 小程序 添加新的页面只需要 在app.json 页面添加 “pages/文件名/文件名” 即可。
2. 删除页面 要在根目录 删除 文件 及 app.json 删除对应的 “pages/文件名/文件名” 即可。
3. 因为新的项目 微信官方给我们的index 页面我们不需要，一步步删除太麻烦，所以我们删掉重建。

我们接着删掉其他东西 app.js 删掉框框中的东西

app.wxss 删掉 框框中的

保存 我们得到一个看空白项目

小白停一停
文件名统一用 index 代替先
index.html = index.wxml 写页面代码

<view></view> 代替 <div></div>、<text></text>代替<p></p>、<image></image>代替<img></img>

index.css = index.wxss 写样式，不支持scss
index.js 写 js代码
index.json 写配置，如 组件、页头名字颜色等

我们在项目根目录加点文件，以便于项目开发

可能有些用不上，但是养成好习惯，有助于开发。本篇会尽量涉及各种知识讲解。