微信小程序云开发（1）— 项目初始化

最新推荐文章于 2025-04-23 18:14:39 发布
原创 最新推荐文章于 2025-04-23 18:14:39 发布 · 508 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序

本文介绍了微信小程序云开发项目的初始化过程。首先，清空页面内容，删除组件、图片、样式等文件夹。接着，保留必要的文件夹结构，删除pages下所有页面的wxss、wxml代码及index.json中的所有代码。通过这些步骤，完成一个空白的小程序项目设置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

新建云开发项目后，清空页面

1、cloudfunctions文件夹里的东西全删掉
2、miniprogram文件夹下删除：
组件components
图片images
样式style
3、miniprogram/pages文件夹下只留下index
4、miniprogram/pages/index文件夹下删去图片
接下来改代码
5、miniprogram/app.json中

"pages":[
  "pages/index/index"
]

6、miniprogram/app.wxss代码全删掉

接下来到 pages页面

7、miniprogram/pages中wxss、wxml代码都删掉
另外在pages里的index.json中

{
   
  "usingComponents"
最低0.47元/天 解锁文章
微信云开发：初始化项目
weixin_52559376的博客
08-18 385
初始化项目： 清空页面 清空多余文件 清空多余代码 首先我们先看一下初始页面 左侧是小程序自带的虚拟机，上面显示你已经完成的小程序的界面如图默认模板有许多功能 .js文件：Javascript语言编写的事件内核，运行逻辑一类，普通函数，数据输入输出等均在里面处理。 .json：声明调用各类组件如拓展组件，vantui等。 .wxml：页面编辑，WeiXinML，http对应html。 .wxss：保存样式，可用于更改组件默认样式或者添加额外样式。 pages：大文件夹里面包括所有页面。 .
小程序云开发——初始化开发环境
Fiona_star的博客
04-07 318
初始化开发环境 在你的资源管理器里找到app.js 可清空里面的代码，也可不清空 添加初始化源代码 如图 （env是环境id，在云开发选项里的设置可复制） App({ onLaunch() { console.log('小程序启动啦') wx.cloud.init({ env:'000000000000' }) } }) 保存 即可看到运行结果 ...
微信小程序day05_01之小程序前台项目的初始化
Java持续实践
04-07 485
一. 新建小程序项目 在微信小程序后台,左边菜单栏, 找到开发 在开发中, 可以找到开发设置 在初始化项目时, 可以填写小程序的AppID 生成无用的文件夹和文件后, 目录结构如下. 并注释掉app.wxss中的内容 app.json中的内容如下, 其中navigationBarTitleText的值为java持续实践用于小程序顶部的显示 { "pages":[ "pages/...
微信小程序云开发全面解析：从入门到实战
最新发布
aA20030316的博客
04-23 2270
微信小程序云开发全面解析：从入门到实战
微信小程序-项目初始化
期待一个富婆
05-20 1531
小程序是一个mvvm模型的框架，在js中有一个page，为一个页面的构造器，渲染页面的时候先装载json文件，配置当前的顶部导航，接着装载wxml文件，配置页面的DOM，在装载wxss,这个是样式文件，最后读取js文件，并根据页面中的Page函数即构造器中的内容，将wxml和data进行绑定，渲染出结果。 简单来说就是 json（入口配置文件）-> wxml -> wxss->...
微信小程序：新项目的初始化操作
qq_54462755的博客
07-17 2585
1.2在project中配置云环境目录，配置完成后点保存，此时云函数文件夹变为黄色。直接在app.js中输入页面，保存之后直接在page文件夹中生成。1.1首先新建有关云函数的文件夹。1.3配置云环境初始化参数代码。...
小程序云开发的初始化
web
04-13 454
1.打开微信开发者工具，点击加号 2.根据需求填写自己的项目名称，和地址，选择不适用云开发，appid需要在微信公众平台中找 3.寻找appid： 搜索微信公众平台=》登入=》左侧开发管理=》开发设置=》appid 4.在根目录下创建一个cloud文件夹， 然后再project.config.json文件中添加如下代码（圈中的代码） "cloudfunctionRoot": "cloud/", 5.app.js文件代码如下（直接全部复制，然后覆盖原app.js 文件） App({ onLau
微信小程序云开发小程序源码.zip
05-18
微信小程序云开发是一种基于微信平台的轻量级应用开发框架，它允许开发者在不搭建后端服务器的情况下，直接利用微信的云服务进行数据存储、处理和分发。这个压缩包文件"微信小程序云开发小程序源码.zip"包含了实现...
微信小程序云开发实现云数据库读写权限
10-16
微信小程序云开发中的云数据库是小程序云端存储数据的核心组件，它提供了一套完整的数据库服务，包括数据的增删改查等功能。在进行云开发时，经常会遇到数据权限的问题，即需要合理地控制对云数据库的读写权限，保证...
微信小程序云开发之新手环境配置
01-19
本文实例为大家分享了微信小程序云开发环境配置的具体方法，供大家参考，具体内容如下 注意：小程序云开发需要使用注册的小程序appid，测试和游客进入是没有云开发的功能。 首先我们新建小程序项目，填写申请的appID...
微信小程序 云开发初始化（第一次操作）
北芒的博客
07-01 1236
新建项目 云开发初始化 按照步骤做就可以（非常简单） 绑定环境 新建完环境以后可能不会出现，重启一下就可以了 上传并部署 到这一步已经算布置完成了，也可以再部署一下环境 云环境选择 当你有多个云环境的时候 云 ID在这里： ...
【微信小程序+node】微信小程序初始化项目目录结构-01
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
02-08 451
1.assets： 存放样式与图片 2.components： 项目的组件 3.miniprogram_npm：第三方打包的内容 4.network： 对应每个页面请求的接口 5.pages： 项目的视图代码，每个文件对应每一个模块 6.utils： 项目的工具类 -config.js 项目配置内容 -storage.js 项目的缓存类 -utils.js 项目公共的工具类 7.app.js 项目的入口文件 8.app.json.
小程序云开发
2301_81919613的博客
07-10 575
手动插入太麻烦，我们可以选择导出文件（可以导出excel以及json格式），根据导出的文件格式，添加数据。需要注意的是，需要开通数据库权限，设置用户可以读写，否则无法修改、增加和删除数据。在小程序的app.js中 onLaunch 生命周期的钩子函数中初始化云开发环境。查看导出json 按照这个格式 新增新的数据 注意去除_id属性，否则导入失败。批量写好后点击导入选择编辑好的 json文件即可批量导入。注意：需要去除导出文件中的 _id 字段，否则插入不成功。建议使用promise。
微信小程序初始化项目架构
qq_33332184的博客
05-14 731
使用npm 从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始，小程序支持使用 npm 安装第三方包。 首先我们需要初始化项目包，可以看到项目根目录生成了包配置文件package.json 使用vant-ui 通过 npm 安装 npm i @vant/weapp -S --production npm install --production 构建 npm 包 打开微信开发者工具，点击 工具 -> 构建 npm，并勾选 使用 npm 模块 选项，构建.
【微信小程序】云开发篇（二）——初始化云开发（微信开发者工具）
南方者的博客
12-09 1867
微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 微信小程序版本管理： 文章目录1. 下载并使用微信开发者工具2. 微信小程序AppID3. 微信开发者工作也下载完成，开始扫码初始化云开发 1. 下载并使用微信开发者工具 进入微信开发者工具，并下载 2. 微信小程序AppID 登陆微信小程序——》找到设置——》滚动条拉到最底下 3. 微信开发者工作也下载完成，开始扫码初始化云开发 .
微信小程序
2302_76845827的博客
03-10 1163
随着项⽬的功能越来越多、项⽬越来越复杂，⽂件⽬录也变的很繁琐，为了⽅便进⾏项⽬的开发，开发 ⼈员通常会对⽬录结构进⾏调整优化，在慕尚花坊项⽬中，我们就需要将⼩程序源码放到 miniprogram ⽬录下。⾸先在project.config.json 配置 miniprogramRoot 选项，指定小程序源码的目录然后配置 project.config.json 的 setting.packNpmManually 为 true。初始化项⽬。
微信小程序 开发前需要做的那些事
热门推荐
Designer 小郑的技术博客
03-23 1万+
初次写项目，无法按捺住自己激动的心情。上次谈了谈写项目心得之后，许多小伙伴想要了解微信小程序的技术实现，我就开始我的写作，纯手打，希望你们喜欢。 另外说明一点，我想尽可能的详细讲解前后台交互的流程，希望如果是想直接拷代码拿来即用的小朋友，能够仔细看完。 一：理清思路 首先，我们日常的web开发，都是采用MVC模式。MVC不是什么框架，他是一种思想。 M是model（模型），就是后端J...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值