微信云开发：初始化项目

最新推荐文章于 2025-05-05 15:30:46 发布
最新推荐文章于 2025-05-05 15:30:46 发布
阅读量387 收藏 2
点赞数 3
CC 4.0 BY-SA版权
分类专栏： 微信云开发 文章标签： 经验分享
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52559376/article/details/119786562
本文介绍了微信小程序的初始化过程，包括清理页面、删除多余文件和代码。删除了默认模板的非必要组件、页面及样式，保留了基本的页面结构。在app.json中删除多余页面配置，修改导航栏标题，并清空各文件中的默认内容。通过这些步骤，成功将项目大小压缩至仅2kb。

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

初始化项目：

  1. 清空页面
  2. 清空多余文件
  3. 清空多余代码

 首先我们先看一下初始页面

左侧是小程序自带的虚拟机，上面显示你已经完成的小程序的界面如图默认模板有许多功能

.js文件：Javascript语言编写的事件内核，运行逻辑一类，普通函数，数据输入输出等均在里面处理。

.json：声明调用各类组件如拓展组件，vantui等。

.wxml：页面编辑，WeiXinML，http对应html。

.wxss：保存样式，可用于更改组件默认样式或者添加额外样式。

pages：大文件夹里面包括所有页面。

components：自带的组件文件夹 。

images：自带的图片。

style：自带的样式。

cloudfunctions：自带云函数。

1.所以上述自带文件夹可以全部删除

   pages文件夹内除了index文件夹均可删除

index文件夹内多余的 png图片也可以删除

2.删

最低0.47元/天 解锁文章

200万优质内容无限畅学
微信小程序云开发（1）— 项目初始化
Danown的博客
10-06 518
新建云开发项目后，清空页面 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代码全删掉 接下来到
【Taro】taro搭配微信云开发的项目搭建
最新发布
weixin_43180404的博客
06-06 853
本文记录了基于Taro框架开发微信小程序云项目的实践过程。使用Taro-cli 4.1.1初始化Vue3+Typescript项目，调整目录结构并配置project.config.json文件，整合云开发功能。详细说明了Vant Weapp组件库的安装和配置方法，以及项目启动流程。同时介绍了云函数创建的基本步骤，包括获取用户openid的示例实现。整个项目采用client和cloud分离的目录结构，通过微信开发者工具进行编译和调试。
【微信小程序】云开发环境初始化
阿飞的博客
04-19 4484
目录 一、创建小程序 二、配置云开发环境 一、创建小程序 为了创建出来的页面简洁，选择不使用云服务，如果点击了云开发，创建出来的文件有很多是没有用的，还要删掉，很麻烦，直接选择不使用云服务，创建项目成功后再自行配置云开发环境 二、配置云开发环境 首先要找到云开发的环境变量名称 1.点击云开发，找到设置，复制环境名称（注意：第一次创建云开发环境最好选择按量付费） 2. 创建云函数文件夹，在pages的同级目录下创建一个新文件夹，名为cloud(自定义的)， 3..
微信小程序云开发（1）— “初始化云开发环境”
一切因为是码农
08-04 3759
一、创建项目 创建项目时先选择“不使用云开发环境” 二、开通云开发 1.点击云开发 2.点击设置，查看云环境id（云开发id） 三、初始化云开发环境 1.先删除用不到的代码（index.wxml/wxss/js，app.wxss等）； 2.打开app.js，除 onLaunch函数 外，其余全删除； onLaunch函数中的代码小程序一启动就会执行 3.在 onLaunch函数中写入以下代码： wx.cloud.init({ env:'cloud1-3g3t2s71a5090705'//这
微信小程序初始化项目架构
qq_33332184的博客
05-14 738
使用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 模块 选项，构建.
小程序云开发的初始化
web
04-13 479
1.打开微信开发者工具，点击加号 2.根据需求填写自己的项目名称，和地址，选择不适用云开发，appid需要在微信公众平台中找 3.寻找appid： 搜索微信公众平台=》登入=》左侧开发管理=》开发设置=》appid 4.在根目录下创建一个cloud文件夹， 然后再project.config.json文件中添加如下代码（圈中的代码） "cloudfunctionRoot": "cloud/", 5.app.js文件代码如下（直接全部复制，然后覆盖原app.js 文件） App({ onLau
微信小程序云开发小程序源码.zip
05-18
- **app.js**：全局配置文件，设置小程序的启动逻辑，初始化云开发环境。 - **app.json**：全局配置文件，定义小程序的页面结构，以及全局样式等。 - **wxcloud.js**：云开发的工具类，封装了对云数据库、云函数和云...
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
01-20
【微信小程序云开发项目建立】 在“我要点爆”微信小程序云开发的项目建立过程中，首先需要搭建开发环境。这通常涉及到以下步骤： 1. **使用AppID新建小程序项目**：开发者需要拥有一个合法的微信小程序AppID，这...
1.1 微信小程序开发环境与准备，项目初始化及文件目录
qq_39225271的博客
10-28 522
微信小程序开发环境与准备注册账号Appid微信开发者工具初始化项目使用测试号使用自己的appid文件目录 注册账号 链接: 微信公众平台. 邮箱要求：与微信无关，未与微信绑定 注册后邮箱验证，然后输入个人信息，验证成功后，注册成功！ Appid 后期使用微信小程序的接口等功能需要获取开发者小程序中的appid 查找方式： 登陆——>开发——>开发设置——>appid（小程序id） 微信开发者工具 链接: 微信开发者工具. 根据电脑选择合适版本下载安装 初始化项目 使用测试号 在appid
小程序【云开发】模式基本介绍 | 云开发项目初始化
m0_71485750的博客
09-09 9351
云开发主要包含三大核心技术:云数据库:提供在小程序端直接对数据库进行增删改查的能力;数据库是类似于MongoDB的文档存储的数据库，操作非常方便;云存储:可以在小程序端直接上传、下载、删除文件; 自带CDN，提高文件访问速度;可以获取临时链接，支持在小程序外访问;云函数:提供了在服务器代码的执行能力;包含微信天然的私有鉴权;更大权限的操作数据库等;进行云调用、HTTP请求等操作;后面文章, 我会一一讲解云开的三大核心技术。
微信小程序云开发（1）——初始化、云数据库基础、云函数基础
不绝顶程序猿的博客
10-03 4869
微信小程序的注册、微信小程序开发工具的下载等网上有很多资料，我就省略了，直接从云开发初始化开始。 在“project.config.json”文件第2行添加 "cloudfunctionRoot":"cloud",//云函数的目录 在“资源管理器”新建一个同名的目录 在“app.js”文件里将onLaunch: function () {}中的内容删除，改为如下内容： onLaunch: function () { wx.cloud.init({ env:"tiaxxxxxxxxxx
微信小程序云开发流程学习笔记（1.创建并初始化项目）
m0_62544344的博客
12-11 382
复制自己的appid（管理-开发管理）在微信开发者工具中粘贴，使用云服务新建初始项目 ，如下图，在自己的appid处填入。将app.json中除了index以外的文件路径全部删除，环境文档右键删除。右键page，在资源管理器中打开，选中并删除除了index以外的所有文件。至此已经完成了项目的初始化。
微信小程序云开发从入门到实战
qq_30110433的博客
05-05 1613
微信小程序云开发是微信提供的一种 Serverless 开发模式，集成了数据库、云函数、文件存储等后端服务，开发者无需自己搭建服务器即可快速构建功能丰富的小程序。本文将详细介绍云开发的配置与核心功能，并通过一个“笔记管理”小程序案例，展示云开发在实际项目中的应用。云数据库：基于 JSON 的 NoSQL 数据库，支持增删改查。云函数：运行在云端的 JavaScript 代码，用于处理复杂逻辑。云存储：用于上传和下载文件，如图片、视频等。云调用：直接调用微信开放接口，如获取用户信息。
【微信小程序-原生开发】实用教程08 - 开通微信云开发，操作云数据库新增数据（含修改数据权限），初始化云服务（含获取微信云环境 id），获取云数据，滚动公告栏
朝阳39的博客
01-30 1359
开通微信云开发，操作云数据库新增数据（含修改数据权限），初始化云服务（含获取微信云环境 id），获取云数据，滚动公告栏
报错：请先调用 wx.cloud.init() 完成初始化后再调用其他云 API
热门推荐
Soram的博客
06-21 1万+
原因是没有在app.js里面进行云开发的环境配置。重新配置即可。
【微信小程序】云开发篇（二）——初始化云开发（微信开发者工具）
南方者的博客
12-09 1876
微信开发者工具：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 微信小程序版本管理： 文章目录1. 下载并使用微信开发者工具2. 微信小程序AppID3. 微信开发者工作也下载完成，开始扫码初始化云开发 1. 下载并使用微信开发者工具 进入微信开发者工具，并下载 2. 微信小程序AppID 登陆微信小程序——》找到设置——》滚动条拉到最底下 3. 微信开发者工作也下载完成，开始扫码初始化云开发 .
微信小程序·云开发数据库初始化报错
m0_37728716的博客
09-25 6611
wx.cloud.init() //提示init nout found  注意点： 1、无游客模式、也不可以使用 测试号 2、项目设置-基础库选择2.2.3以上 3、app.json配置文件添加字段     "cloud": true     tips：cloud init error、operateWXData:fail system error //这个两个错误一般是微信服务器...
微信小程序 云开发初始化（第一次操作）
北芒的博客
07-01 1243
新建项目 云开发初始化 按照步骤做就可以（非常简单） 绑定环境 新建完环境以后可能不会出现，重启一下就可以了 上传并部署 到这一步已经算布置完成了，也可以再部署一下环境 云环境选择 当你有多个云环境的时候 云 ID在这里： ...
微信小程序云开发：项目建立与个性化页面构建详解
在本篇文章中，作者深入讲解了如何利用“我要点爆”微信小程序云开发进行项目的建立和个性化页面功能的实现。首先，文章指导读者如何在微信小程序管理后台使用自己的AppID创建一个新的小程序项目，并选择云开发作为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值