HelloWorld微信小程序

高洛峰
发布: 2017-02-20 15:43:14
原创
2642人浏览过

看千遍不如做一遍。先让我们来一起做一个最简单的helloworld吧。

    1.下载安装微信小程序开发者工具,下载路径:

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

根据你的操作系统类型,选择windows 64、windows 32或mac。

 

    2.创建项目

    ⑴ 添加项目

    点击“添加项目”按钮,创建一个项目。

HelloWorld微信小程序

⑵ 项目的几个参数说明

    没有 AppID 就选无AppID(如果乱写会报错,到时可能无法进入项目)。如果你选择的“项目目录”为空,请如图所示勾选在“当前目录中创建quick start项目”。项目名称就随便写一个吧,比如“测试项目”。点击“添加项目”按钮,一个最简单的微信小程序就完成了。

HelloWorld微信小程序

HelloWorld微信小程序

3.项目代码结构说明

HelloWorld微信小程序

   点击开发者工具左侧导航的“编辑”,我们可以看到这个项目已经初始化并包含了一些简单的代码。其中包括:app.js,app.json,app.wxss和2个目录:pages,utils。

 

    其中,最重要的是 app.js、app.json、app.wxss 这三个文件。

    app.js:这个文件是整个小程序的入口文件。

    app.json:这个文件是小程序的全局配置文件,决定页面文件的路径,窗口表现,设置网络超时时间等。

app.wxss:是小程序的样式文件,你可以把它想象成html中的CSS。

 

HelloWorld小程序就到此为止,怎么样?够easy吧。下一篇文章,让我们来深入地了解小程序的代码结构。

更多HelloWorld微信小程序相关文章请关注PHP中文网!

微信app下载
微信app下载

微信是一款手机通信软件,支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊,还能根据地理位置找到附近的人,带给大家全新的移动沟通体验,有需要的小伙伴快来保存下载体验吧!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号