微信小程序开发工具怎么安装?小程序项目怎么创建?
作者: -- 时间: 2020-10-14
微信小程序开发工具怎么安装?我们先来说说小程序和其他编程语言的差别,小程序的主要开发语言是 JavaScript ,小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言,从网页开发迁移到小程序的开发成本并不高,但是二者还是有些许区别的。
小程序开发准备,注册的时候,其实我们有个非常重要的东西就是APPID。
小程序注册成功之后,点击 “开发”—“开发设置” 就可以看到小程序的 AppID
安装开发者工具
在小程序开发文档中找到小程序开发工具的下载页面,或者直接输入 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 根据自己的操作系统下载对应的安装包进行安装。
稳定版 Stable Build (1.03.2009140)
测试版缺陷收敛后转为稳定版
Windows 64 、 Windows 32 、 macOS
预发布版 RC Build (1.03.2009301)
预发布版,包含大的特性;通过内部测试,稳定性尚可
Windows 64 、 Windows 32 、 macOS
开发版 Nightly Build (1.04.2009302)
日常构建版本(基于 NW.js 0.44.6) ,用于尽快修复缺陷和敏捷上线小的特性;开发自测验证,稳定性欠佳,
Windows 64、Windows 32、macOS
开发版 Nightly Build (1.03.2009302)
日常构建版本(基于 NW.js 0.39.3) ,用于尽快修复缺陷和敏捷上线小的特性;开发自测验证,稳定性欠佳
Windows 64、Windows 32、macOS
小程序新建项目
(1)创建一个空白的项目,也可以是官方提供的有一些基本的文件的项目,这里选择的是把一些文件都删除掉,只剩下pages文件夹以及project.config.json,这个是项目的配置文件,然后从头开始新建文件以及文件夹,需要新建的文件以及文件夹如下:
app.json
注意:这个文件中是需要写一些代码的,不然后面没办法新建page模块,只需要写如下代码:{}大括号,代表的是一个对象,
官方app.json文件配置项详解地址:
https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE
小程序页面配置详细参数:
https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html
app.js
注意:这个也是需要写初始代码的,不然没法创建page模块,只需要写如下代码:App()
classic基础模块
注意在微信开发者工具中直接右键 -->新建classic目录-->新建page,然后填写classic名称,即自动创建了四个文件classic.js、classic.json、classic.wxml、classic.wxss,并且在app.json中添加了"pages": ["pages/classic/classic"]这段代码,这个第二个classic代表的是classic.wxml页面文件,这就是在app.json 中注册完成,每新建一个page模块都需要在这个app.json中注册
下面是一个模块中的四个文件:
classic.js
classic.json
classic.wxml
这里其实是小程序的骨架,写小程序中特有的标签,其实相当于前端框架中的组件,所以小程序中的页面是由公用的组件来构成的,官方的文档地址:
https://developers.weixin.qq.com/miniprogram/dev/component/
这里是来写页面的样式的,相当于前端中的css文件
标签:
【本站声明】 1、本网站发布的该篇文章,目的在于分享电商知识及传递、交流相关电商信息,以便您学习或了解电商知识,请您不要用于其他用途; 2、该篇文章中所涉及的商标、标识的商品/服务并非来源于本网站,更非本网站提供,与本网站无关,系他人的商品或服务,本网站对于该类商标、标识不拥有任何权利; 3、本网站不对该篇文章中所涉及的商标、标识的商品/服务作任何明示或暗示的保证或担保; 4、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责,仅系客观性描述,如您需要了解该类商品/服务详细的资讯,请您直接与该类商品/服务的提供者联系。