创建小程序项目——认识小程序的基本组成结构和小程序页面

最新推荐文章于 2024-01-02 08:08:26 发布
最新推荐文章于 2024-01-02 08:08:26 发布
阅读量1k 收藏 2
点赞数 1
分类专栏： 初学小程序 文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54542834/article/details/124280602
版权
本文介绍了如何创建微信小程序项目，包括选择不使用云开发的方式，以及项目创建后的基本结构。内容涵盖了开发者工具的组成部分，如菜单栏、工具栏、模拟器、代码编辑区和调试区。接着详细讲解了小程序的JSON配置文件，如app.json、project.config.json、sitemap.json以及页面的.json配置文件的作用和用法。此外，还讨论了小程序代码的构成，包括WXML模板、WXSS样式和.js文件的功能和与HTML、CSS的区别。
摘要由CSDN通过智能技术生成

1.新建小程序项目

登录成功后点击加号创建新项目

appID通过注册的账号获取

云开发和不使用云开发是两种不同的开发方式，目前我们不使用云开发，后面再学

创建成功后会进入到小程序项目里

 2.认识小程序基本结构

开发者工具共分为五部分

1、菜单栏 2、工具栏  3、模拟器  4、代码编辑区 5、调试区

代码编辑区介绍

3.小程序代码的构成

最低0.47元/天 解锁文章
大啊杰
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小程序的项目的基本结构
weixin_55833412的博客
03-30 445
它们分别是： 1.js文件（页面的脚本文件，存放页面的数据、事件函数等） 2.json文件 （当前页面的配置文件，配置窗口的外观、表现等） 3.wxml文件（页面的模版结构） 4.wxss文件（当前页面的样式文件）对本页面的窗口外观进行配置，页面中的配置项会覆盖app.json的window中相同的配置项。app.json 是当前小程序的。
微信小程序创建一个新项目
weixin_34238633的博客
03-20 555
1. 新建一个文件夹。 2. 打开微信小程序开发工具，导入新建文件夹；然后输入创建的appId；会自动生成一个project.config.json，打开这个文件，会看到appid这个字段。 3.可以将之前开发的项目导入新文件夹，注意，除了project.config.json。 转载于:https://www.cnblogs.com/Super-scarlett/p/10551234.htm...
小程序页面组成
wzh2795591565的博客
07-21 167
1.wxml--html--结构。2.wxss--css--样式。3.js--js--行为。4.json--配置。
小程序项目构建（一）
wanglele16的博客
07-19 297
当我们在准备开发微信小程序之前，首先要进行框架选型。现在微信小程序框架有好几种，我们该怎样来选择一个适合自己项目的框架呢？ 1. 框架选型 下面列出原生框架和一些主流框架之间的对比： 原生 mpvue wepy taro 语法 小程序 vue.js 类vue.js react.js 标签 小程序 html + 小程序 小程序 小程序 组件规范 小程序组件 vue 组件规范...
小程序基础知识-新手必看
weixin_49527298的博客
11-23 363
小程序的框架主体文件 app.json app.json文件是小程序配置文件，编写时严格遵循json的格式规范。 小程序在加载时，负责对小程序的全局配置。 配置项有： pages：设置页面路径（必填） window：设置默认页面的窗口表现 tabBar：设置tab的表现 networkTimeout：设置网络超时时间 debug：设置是否开启debug模式，默认关闭 page配置： page配置里有很多的value值，里面包含了页面路径，用来指定页面构成，每一项由 页面+路径组成 { "page
微信小程序项目实例——今日美食
05-24
总的来说，“微信小程序项目实例——今日美食”是一个集前端技术、后端数据管理、用户体验设计于一体的综合项目，对于学习微信小程序开发和移动应用设计的人员来说，是一个很好的实践案例。通过分析和实施这个项目，...
微信小程序项目实例——家居团购
06-04
微信小程序项目实例——家居团购微信小程序项目实例——家居团购微信小程序项目实例——家居团购微信小程序项目实例——家居团购微信小程序项目实例——家居团购微信小程序项目实例——家居团购微信小程序项目实例...
微信小程序项目实例——体质计算器
05-27
开发者使用微信提供的开发工具，结合微信小程序的框架和组件，编写WXML（微信小程序标记语言）和WXSS（微信小程序样式语言）来构建页面结构和样式，同时用JavaScript处理业务逻辑和数据管理。 对于iOS app开发者，...
微信小程序项目实例——备忘录
05-24
在微信小程序中，每个页面由对应的JSON配置文件、WXML结构文件、WXSS样式文件和JS业务逻辑文件组成。在这个备忘录项目中，这些文件协同工作，实现了备忘录功能的集成。 3. **文字记录功能**： 用户可以在备忘录中...
微信小程序——小程序页面生成器（截图+源码）.zip
04-25
微信小程序——小程序页面生成器（截图+源码）.zip、 微信小程序——小程序页面生成器（截图+源码）.zip 微信小程序——小程序页面生成器（截图+源码）.zip 微信小程序——小程序页面生成器（截图+源码）.zip 微信小...
【微信小程序】认识小程序页面
hacker707的博客
09-22 4480
微信小程序之认识小程序页面，持续更新微信小程序系列专栏
小程序项目搭建流程
小小前端
03-20 1014
一、搭建项目 1 填写项目信息 2 删除无用信息和文件 3 添加所需目录结构 4 根据自己的需求创建页面
新创建的小程序项目步骤
weixin_45340414的博客
01-10 592
新创建的小程序项目步骤 1.安装node 2.全局安装vue-cli: npm install -g vue-cli 3.创建一个基于mpvue-quickstart模版的新项目: vue init mpvue/mpvue-quickstart 项目名称 提示一路回车就行 这一步可能会遇到如下问题： 4.进入项目文件: cd 创建的文件名 5.安装项目依赖: npm install -d ...
微信小程序-页面开发
最新发布
qq_44715376的博客
01-02 2047
页面开发
小程序教程1：初识小程序，快速搭建一个小程序项目
weixin_44727080的博客
07-14 1795
如何快速搭建一个小程序项目，以及一个小程序项目应该有哪些内容。
一个简单的小程序基本页面
weirdo_world的博客
04-07 275
添加相关页面 <template> <div class="form-container"> <div class="form-module"> <label class="form-label required">名称</label> <div class="form-input-block"> <input type="text" class="form-input" .
如何创建一个小程序
月光晒了很凉快的博客
09-12 1437
学习如何创建一个小程序。
小程序的组成结构
静Yu的博客
10-03 1507
了解一下小程序的组成结构和代码原理。
微信小程序开发：Flex布局详解——打造计算器应用
在微信小程序开发中，Flex布局是一个核心的布局方式，它使得开发者能够更轻松地处理不同屏幕尺寸和设备类型的适配问题。Flex布局（Flexible Box）是CSS3中引入的一种布局模式，旨在提升网页或应用的响应式设计能力。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值