从零开始自制微信小程序6--初识微信小程序2--创建项目和目录文件结构

目录结构

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。

一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

文件	必需	作用
app.js	是	小程序逻辑
app.json	是	小程序公共配置
app.wxss	否	小程序公共样式表

一个小程序页面由四个文件组成，分别是：

文件类型	必需	作用
js	是	页面逻辑
wxml	是	页面结构
json	否	页面配置
wxss	否	页面样式表

参考开发文档 https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html

 

 

我发现新版开发者工具自带的文件比视频中，多一个sitemap.json，下面一条链接是csdn中其他博主的解释

https://blog.csdn.net/wo9aiwuchunmin/article/details/107833299?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522160621998819195264757426%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=160621998819195264757426&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_v2~rank_v28-12-107833299.pc_search_result_cache&utm_term=sitemap.json&spm=1018.2118.3001.4449

 

删除自带目录，只留sitemap.json

创建目录表

 

报错  [ app.json.json 文件错误] app.json: Empty file is NOT a valid json file

app.json

{
  "pages": ["pages/about/about"]
}

报错 [ pages/about/about.json.json 文件错误] pages/about/about.json: Empty file is NOT a valid json file

about.json

{
  "usingComponents": {}
}

about.js

Page({})

about.wxml

<text class="info">Hello World</text>

about.wxss

.info {
  font-weight: bold; 
  font-size: 30px;
}