返回
HiShop > Hi商学院 > 小程序开店 >

微信小程序开发工具怎么安装?小程序项目怎么创建?

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文件

推荐文章

门店管理 裂变获客 免费注册 在线商城