网站管理员登陆域名,网站备案信息填写,手机助手,网站后台编辑框无法显示文件和目录结构
一个完整的小程序项目由两部分组成#xff1a;主体文件、页面文件#xff1a; 主体文件#xff1a;全局文件#xff0c;能够作用于整个小程序#xff0c;影响小程序的每个页面#xff0c;主体文件必须放到项目的根目录下#xff1b; 主体文件由三部分组…文件和目录结构
一个完整的小程序项目由两部分组成主体文件、页面文件 主体文件全局文件能够作用于整个小程序影响小程序的每个页面主体文件必须放到项目的根目录下 主体文件由三部分组成 app.js小程序入口文件app.json小程序的全局配置文件app.wxss小程序的全局样式 在上一节创建项目的时候我们已经可以看到对应的这三个文件 注意事项主体文件的名字必须是 appapp.js 和 app.json 文件是必须的 页面文件页面文件是每个页面所需的文件小程序页面文件都存放在 pages 目录下一个页面一个文件夹 上图中的 pages 中有一个 index 页面index 页面是一个单独的文件夹每个页面由四个文件组成这四个文件只对当前页面生效这四个文件分别为 .js页面逻辑.wxml页面结构.wxss页面样式.json小页面配置 注意事项.js 文件和 .wxml 文件是必须的
在说完主体文件和页面文件后我们可以打开上一节创建的小项目新文件进行分析。
在打开这个新项目之后先看一个注意事项如下图 小程序目前有两种渲染模式一种是 Skyline 渲染模式另一种是 WebView 渲染模式。SkyLine 是最新的渲染模式目前还不是很成熟因此需要将这个项目的渲染模式从 SkyLine 修改为 WebView 渲染模式。
我们可以在项目文件中直接进行修改点击项目文件中的 app.json 文件找到以下三个属性
rendererrendererOptionscomponentFramework
在 app.json 中将这三个配置项去掉然后保存重新刷新即可将渲染模式调整为 WebView 模式
在调整渲染模式之后接下来看一下整个项目的目录结构
在分目录下有三个以 app 开头的文件这三个文件是项目的主体文件也是全局文件在项目的根目录下有一个 pages 文件夹pages 中存放的是小程序的页面目前仅有一个 index 页面一个页面由四个文件组成在项目的根目录下还有一个 components 文件夹它是用来存放每个页面的公共组件的在根目录下还有三个 .json 文件以 .json 结尾的都是配置文件 参考视频尚硅谷微信小程序开发教程
