最新版本微信小程序开发工具的使用
微信小程序简介
微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。
大家可能都玩过跳一跳.
诞生
2017年1月9日,张小龙在2017微信公开课Pro上发布的微信小程序正式上线。
与传统网页区别
传统网页布局由三块组成,而小程序则由四块组成
传统网页 | 微信小程序 |
---|---|
html | wxml |
css | wxss |
javascript | javascrip |
json |
- 小程序的wxml中的标签 非常类似 HTML 标签换汤不换药,多添加了些属性而已.
- 小程序的wxss中的样式 那就完全是把css整套样式编写方式拿过来了
- 小程序的javascript 还延用我们非常属性的js语法
- 小程序的json是它自己新添加的特殊之处.
为什么建议学习微信小程序
- 小程序是趋势且应用场景很广
- 微信小程序是目前用户量最大、最活跃的平台
- 微信小程序是出现最早、且目前发展最成熟的平台
- 学会微信小程序等于是同时掌握了目前主流的几大小程序的开发
学习成本
因为wxml,wxss.与我们学习的HTML,CSS高度相似,并且延用我们非常熟悉javascript,所有小程序的学习成本非常低,只需要掌握前几项我们就可以很轻松的学会小程序了.
小程序开发编译器下载安装简介
微信小程序开发工具下载
选择自己电脑配置下载对应的小程序开发工具
无脑是安装完成后电脑桌面会出现一个可爱的白色小头像投标.
双击打开微信开发工具
进入到此界面,恭喜你安装完成.
第一个小程序开发项目
点击加号创建属于自己的微信开发项目
自定义项目出生位置
- 咱们先不使用云服务
- 语言默认选javascript就好.
- 创建
微信开发工具解剖
创建完成后来到了编辑内部
- 我们可以模拟器观看我们代码效果
- 在资源管理器创建或删除我们的文件
- 在编辑区书写我们的代码
- 在控制台调试我们的代码
资源管理详解
创建文件的正确方式
当我们想要创建页面文件的时候千万不要,一层一层创建那样既浪费我们时间,又容易出错,得不尝失
右击菜单式创建
在全局配置文件中创建
我们只需要在全局配置文件app.josn中的pages属性下添加自己想创建的文件路径
之后ctrl + s
之后页面自动帮们就建好了页面逻辑,样式,wxss,wxjson等文件非常方便
而且帮我们写好了js框架只等你尽情书写代码
头顶工具栏
如果大家不想看模拟器,或编码区,又或调试窗口,可对应的点击顶部绿色按钮来实现显示或隐藏
详情
点击详情可以看到我们项目名称,发布状态,APPID (APPID的获取方式请转APPID获取
),咱们上线的时候必须换上自己APPID哦,可以在这里修改
外观
如果想和我一样有黑色拉风的背景颜色点击头部设置外观设置
这样就设置好了
最新版本微信小程序开发工具的使用相关推荐
- 微信小程序开发工具npm用不了,报错“npm不是内部或外部命令,也不是可运行的程序”
微信小程序开发工具npm用不了,报"npm不是内部或外部命令,也不是可运行的程序"错时. 1.首先查看是否下载了Node.js.如果没有下载下载一个,最新版本的已经添加了环境变量, ...
- 微信小程序开发工具介绍及安装(下)
开发工具的基本功能介绍 微信小程序开发工具是一款强大的集成开发环境(IDE),旨在帮助开发者更便捷地创建.调试和发布微信小程序.它提供了丰富的功能和工具集,下面将对微信小程序开发工具的基本功能进行详细 ...
- 【微信小程序入门到精通】— 微信小程序开发工具的安装
目录 前言 一.注册小程序账号 二.安装开发环境 2.1 微信小程序开发工具介绍 2.1 安装微信开发者工具 总结 前言 微信小程序在我们日常使用中已经占据很大一部分了,此专栏是专门为了微信小程序学习 ...
- 微信小程序 开发工具 项目创建步骤
账号申请 后台小程序信息完善 安装开发工具IDE 小程序项目搭建 项目编译 真机预览调试 小程序开发前准备: ①申请账号 ②安装开发工具 账号申请 进入小程序注册页 根据指引填写信息和提交相应的资料, ...
- 微信小程序开发工具介绍及安装(中)
小程序开发工具的安装方法 微信小程序开发工具的安装方法相对简单,并且适用于多个操作系统平台.以下是关于Windows.macOS和Linux三个平台上安装微信小程序开发工具的步骤和注意事项的详细介绍. ...
- 微信小程序开发工具下载以及安装教程
微信小程序开发工具下载以及安装教程 听语音 浏览:0 | 更新:2019-01-09 16:53 1 2 3 4 5 6 7 分步阅读 查看全文 http://www.taodudu.cc/news/ ...
- 微信小程序开发工具安装流程
微信小程序开发工具安装流程 本文将详细描述微信小程序开发工具安装全流程. 1.官网注册账号 直接搜"微信公众号平台",进入其官网: 点击下方的"小程序": 按流 ...
- 微信小程序开发工具 清除授权缓存/文件缓存/登录缓存等等
今天2.19.3.25 在开发微信小程序时,作为测试号想清除授权缓存,一直没有找到方法, 最后无意中看到了解决方法 微信小程序开发工具 清除授权缓存/文件缓存/登录缓存等等.完美解决
- 微信小程序开发工具中快捷键
微信小程序开发工具表面上是没有更多的样式类的工具,例如缩进.隐藏代码什么的. 现在总结一下小程序开发工具常用的一些快捷键: 格式调整 Ctrl+S:保存文件 Ctrl+[, Ctrl+]:代码行缩进 ...
最新文章
- 利用Python进行数据分析(第2版)
- 传文件进云服务器,传文件进云服务器
- Velocity模板(VM)语言介绍
- 【Kaggle-MNIST之路】CNN再添加一个层卷积(八)
- shared memory realm does not exist解决办法
- 服务器网站出现service,网站出现service unavailable的解决方法
- bootice添加黑苹果引导_2019款小米air12.5完美黑苹果10.15.6macOS CatalinaEFI
- 疏忽导致易接SDK OpenGL error
- 三年工作经历总结(创业公司、中小公司和大厂经历)
- 笔记——Tensorflow: The Confusing Parts (2)
- 【Linux】Linux关闭防火墙、关机重启和查看系统运行级别
- Blender新手入门练习 宝剑
- 思想者:漫谈大学生的四个LEARN
- cesium加载各类地图服务
- 1091: 童年生活二三事(多实例测试)Python
- 请说说,你平时是如何学习产品知识的?
- 基于java+ssm+vue+mysql的银行排队叫号系统
- 高校房产管理系统主要功能模块有哪些?
- 关于禁用复制粘贴软件教程
- 互联网行业有哪些闷声发大财的公司
热门文章
- mac注销快捷键_mac关机的快捷键,不要强制关机。
- The Sandbox 与《足球小将》达成合作,将流行的足球漫画及动画带入元宇宙
- 2023 简单响应个人收款二维码源码 美化版
- 如何通过API接口获取item_get_pro - 获得淘宝商品详情高级版
- Matlab:调试成功运行失败的解决方法(附加求助!)
- 我的Python分析成长之路2
- 2021.4.19-2021.4.25周报
- Matlab之real和imag函数
- 计算机系统(一)期末复(yu)习(3):LC-3汇编,输入与输出
- java 异常国际化_基于springboot实现http响应异常信息国际化