1.1 微信小程序开发环境与准备，项目初始化及文件目录

最新推荐文章于 2021-09-16 09:52:07 发布
最新推荐文章于 2021-09-16 09:52:07 发布
阅读量343 收藏 1
点赞数
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39225271/article/details/109324927
版权

微信小程序开发环境与准备

注册账号

链接: 微信公众平台.
在这里插入图片描述
邮箱要求：与微信无关，未与微信绑定

注册后邮箱验证，然后输入个人信息，验证成功后，注册成功！

Appid

后期使用微信小程序的接口等功能需要获取开发者小程序中的appid
查找方式：
登陆——>开发——>开发设置——>appid（小程序id）

微信开发者工具

链接: 微信开发者工具.

根据电脑选择合适版本下载安装在这里插入图片描述

初始化项目

使用测试号

在appid时点击测试号即可，后期可以自己修改成自己的appid后续会提到
**加粗样式
**

使用自己的appid

选择不适用云服务
在这里插入图片描述

文件目录

在这里插入图片描述
目录如下：
在这里插入图片描述

to-and-fro
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
实现微信小程序最新运行环境系列 (初始篇)
03-29
实现微信小程序编译和运行环境系列 (初始篇) 前言 最近一段时间在研究实现微信小程序和小游戏编译打包和运行环境平台开发。 目前基本可以支持微信基础库 2.8.2 功能迭代了。 所以想通过记录分享一下自己的认知过程中遇到的一些问题和解决方案来更好的理解小程序设计上的优点和一些不足的地方。 在此之前网上有存在开源的一些基于微信基础库版本 1.0 的一些参考。核心作者是由开源大牛 启明兄 的 wept 项目基础上构建的 (目前有幸和启明兄成为同事对这个小程序整体的架构理解帮助了我很多)。 由于 wept 的运行环境是基于微信基础库 1.0 的版本上实现之后也不维护了，时间上是 2016 的在后续的更
微信小程序——初始化（三）项目目录介绍
我是我
10-10 398
项目目录 1.官网介绍 全局配置、全局数据、全局样式分别在app.json/app.js/app.wxss中进行配置 pages文件夹相当于vue中的view，可以用来存放页面，pages里面的每一个文件夹都包含该文件的wxml、wxss、json、js文件，用于单独对该页面进行配置。 node_modules 我们所安装的所有依赖，将会在node_modules中存在，构建npm后进入miniprogram_npm文件夹中。 package.json中的dependencies中记录了安装依赖的版本，当
微信小程序初始化项目架构
qq_33332184的博客
05-14 653
使用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 模块 选项，构建.
微信小程序--初始化云开发环境
weixin_43794332的博客
02-18 344
//login.js login({ onLaunch() { console.log('启动啦') wx.cloud.init({ env:'caull-5ghh6arc9f0f6913' }) } }) 寻找环境ID 点击右上角的“设置"
微信小程序——初始化一个小程序项目
weixin_30588729的博客
03-14 1820
最近准备学习一下微信小程序，因为之前有react native项目经验，学习起来应该困难不大 微信小程序官网地址：https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=2018314 1.申请小程序账户 此步骤在教程里有一步一步讲解。在平台注册微信小程序账号后，就可以管理你的小程序了，包括发布，查看数据报表等这些操作。 2.找到App...
微信小程序详细教程微信小程序详细教程
05-15
### 微信小程序详细教程知识点解析 ...综上所述，微信小程序的开发涉及到了从环境搭建、页面创建到具体的模板语法、组件使用、事件处理等多个方面。开发者需要熟练掌握这些基础知识，才能更好地进行小程序的开发工作。
微信小程序即时通工具（websocket）
11-26
微信小程序是腾讯微信团队推出的一种轻量级的应用开发平台，开发者可以使用JavaScript、WXML（微信小程序标记语言）和WXSS（微信小程序样式语言）来构建用户界面和处理业务逻辑。小程序支持WebSocket API，允许...
易优cms企业建站系统(含小程序) v1.1 bulid0917
10-09
易优CMS企业建站系统（含小程序）V1.1 build0917是一款基于PHP+MySQL技术构建的专业中小企业建站解决方案。这个开源CMS系统旨在为用户提供了快速、便捷地搭建企业官网的能力，无论是PC端、手机端还是微信端，都能...
微信小程序商城系统的设计与实现(论文+源码)_kaic.docx
最新发布
05-18
### 微信小程序商城系统的设计与实现 #### 一、绪论 ##### 1.1 选题背景 随着智能手机的普及以及移动互联网技术的发展，移动支付和电子商务已经成为人们日常生活中不可或缺的一部分。消费者越来越倾向于通过手机...
springboot基于微信小程序的学校疫情信息管理系统的设计与实现论文.docx
08-21
在编码实现阶段，作者将详细描述如何使用SpringBoot框架开发后端服务，以及如何利用微信小程序开发前端界面。同时，系统测试将涵盖单元测试、集成测试和性能测试，以确保系统功能的正确性和稳定性。 8. 结论与展望 ...
微信小程序day05_01之小程序前台项目的初始化
Java持续实践
04-07 432
一. 新建小程序项目 在微信小程序后台,左边菜单栏, 找到开发 在开发中, 可以找到开发设置 在初始化项目时, 可以填写小程序的AppID 生成无用的文件夹和文件后, 目录结构如下. 并注释掉app.wxss中的内容 app.json中的内容如下, 其中navigationBarTitleText的值为java持续实践用于小程序顶部的显示 { "pages":[ "pages/...
从零开始学微信小程序开发－－－2、小程序项目的创建、相关文件的作用及小程序IDE
hst_gogogo的博客
11-27 1983
一、创建一个小程序项目 1、下载安装微信web开发者工具，目前最新版本是1.02.1811141。 2、打开，扫码登录， 3、选择小程序项目 4、点击项目管理旁边的+ 5、如果你有小程序账号会有一个APPID，详情见小程序简易教程申请账号那一节，如果还没有，可以点击下方的“小程序”使用测试号，选好项目目录，输入项目名称，初学者建议勾选点击确定然后进入IDE，在项目目录下就会生...
微信小程序开发基础之一：微信开发者工具项目的目录结构
steventian72的博客
11-17 1481
微信开发者工具 项目目录结构 目录结构 |---主目录（项目描述文件） | |---app.js 主逻辑文件 | |---app.json 主配置文件 | |---app.wxss 主样式表 |---子目录（页面描述文件） | |---index.js 分支页面逻辑文件 | |---index.json 分支...
微信云开发：初始化项目
weixin_52559376的博客
08-18 335
初始化项目： 清空页面 清空多余文件 清空多余代码 首先我们先看一下初始页面 左侧是小程序自带的虚拟机，上面显示你已经完成的小程序的界面如图默认模板有许多功能 .js文件：Javascript语言编写的事件内核，运行逻辑一类，普通函数，数据输入输出等均在里面处理。 .json：声明调用各类组件如拓展组件，vantui等。 .wxml：页面编辑，WeiXinML，http对应html。 .wxss：保存样式，可用于更改组件默认样式或者添加额外样式。 pages：大文件夹里面包括所有页面。 .
微信小程序——初始化（一）引入组件库
我是我
10-10 1947
初始化 1.第一步：创建项目 打开微信开发者工具，按照需求选择目录，输入申请的AppID，之后新建 2.第二步：npm初始化package.json文件夹 如果该项目中没有package.json文件，可以npm init -y自动生成一个。 3.第三步：按需引入想要引入的组件库 开发时，我想要使用vant组件库，根据官网提示，在小程序中安vant组件库 npm i @vant/weapp -S --production 安装后会生成一个node_modules文件夹 4. 第四步：本地设置 在详情下
小程序开发/生产环境配置
Xiang_Gong_Ya_的博客
09-16 700
1.配置 在utils文件中定义config.js文件 config.js // baseurl export const baseApi = function () { if (process.env.NODE_ENV === 'development') { console.log('开发环境') return 'http://ip地址:端口号/cloud_job' } else { console.log('生产环境') return 'https://IP地址/cloud_job
微信小程序（1）——环境配置及原生项目目录了解
qq_39277137的博客
07-17 740
环境配置及开发前准备 1、开发环境配置 1）前往微信小程序官网下载自己电脑系统对应的微信开发者工具(如windows64位则下载对应的windows64位的微信小程序开发者工具) 下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 2）软件下载之后点击安装程序安装，安装完成之后打开开发者工具 3）新建项目，根据自己的需要选择是新建小程序还是小游戏还是公众号网页，有已经注册的AppID可以直接填写，如果只是
微信开发者程序的使用及入门知识点
m0_46224563的博客
05-27 780
微信小程序之电商平台的构建@前端 这是我在学校没事看看到的一个关于用微信小程序开发开发一个电商平台的视频，然后觉得很有意思，就跟着人家视频里面的教程慢慢做出的一个小程序。以下是我的总结。 工具以及准备 首先去官网注册一个小程序账号 刚注册的小程序账号，基本信息尚未被初始化，推荐进行账号设置，包括基本信息设置，开发者设置和成员管理设置。基本信息设置不必多说，主要是开发者设置，因为这一步会出现一个appid，这个id是我们每次创建新项目都会用到的（当然也可以选择游客模式）；成员管理主要是设置项目的管理成员，只
解决uniapp运行到微信开发者工具报 [微信小程序开发者工具] [error] IDE service port disabled. To use CLI Call错误问题
haoweixl的博客
05-13 6110
解决uniapp运行到微信开发者工具报 [微信小程序开发者工具] [error] IDE service port disabled. To use CLI Call错误问题 解决uniapp运行到微信开发者工具报 [微信小程序开发者工具] [error] IDE service port disabled. To use CLI Call错误问题 对于新手刚接触uni-app开发的小伙伴来说，这个错误问题在第一次开发uniapp的时候，会遇到如下问题 [微信小程序开发者工具] [error] IDE se
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值