首先登录https://mp.weixin.qq.com ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。2. 创建项目
通过开发者工具,来完成小程序创建和代码编辑。
开发者工具安装完成后,打开并使用微信扫码登录。选择创建“项目”,填入上文获取到的 AppID ,设置一个本地项目的名称(非小程序名称),比如“我的第一个项目”,并选择一个本地的文件夹作为代码存储的目录,点击“新建项目”就可以了。
为方便初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹是个空文件夹,开发者工具会提示,是否需要创建一个 quick start 项目。选择“是”,开发者工具会帮助我们在开发目录里生成一个简单的 demo。
项目创建成功后,点击该项目,进入并看到完整的开发者工具界面,点击左侧导航,在“编辑”里可以查看和编辑我们的代码,在“调试”里可以测试代码并模拟小程序在微信客户端效果,在“项目”里可以发送到手机里预览实际效果。
3. 代码编写
点击开发者工具左侧导航的“编辑”,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。微信小程序会读取这些文件,并生成小程序实例。
微信小程序开发教程如下:
工具/原料
小新air13
Windows10
百度浏览器8.6.3
1、点击立即注册
在微信公众平台中,找到界面右上角的立即注册按钮,点击它。
2、点击小程序
在新界面中,找到小程序选项,点击它进入新的界面里。
3、点击注册
在小程序界面中,填写信息,点击注册,即可开始制作微信小程序。
1、打开电脑浏览器,在搜索框输入:w3cshool,然后点击搜索一下按钮,再进入第一个w3cshool网站
2、进入之后,在首页的搜索框输入:微信小程序开发教程,然后点击搜索图标
3、在点击第二个有demo的教程
4、进入之后,可以看到相关的demo教程
5、使用微信小程序开发工具进行练习。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)