小程序开发系列之基础部分-基础部分

FWHeart 发布于2019-08-20 16:09 / 1384人阅读

摘要：程序大都是从这个示例开始，学习小程序也不例外学习中只要照猫画虎后面慢慢的就熟悉了。三第一个小程序就生成了。把页头的变成全栈工程师，修改完成之后。

程序大都是从HelloWord 这个示例开始，学习小程序也不例外,学习中只要“照猫画虎”后面慢慢的就熟悉了。一开始不要先问，先模仿，然后再尝试着修改，出现错误，尝试修改，这样不停的迭代循环，遇到问题首先自己独立思考，再查阅文档，在实践中编程能力就培养起来了。当然我们也提供了一些小福利，文末有语音直播间，大家有问题可以在里面提问和交流。
一、言归正题，打开小程序开发环境，创建项目，按照向导添加项目说明：
1、AppID，在开始学习阶段，先忽略，点击绿色部分“无AppID”；

2、起一个项目名称，最好是英文；

3、选择一个项目路径，最好也是不带中文的路径名；

4、勾选“在当前目录中创建 quick start 项目”（自动生成项目）；

5、点击绿色按钮“添加项目”，即可进入开发环境。

二、“添加项目”之后则进入如下页面，左侧是功能区，中间从左到右分别是可视化区、代码目录树、功能编辑区

开发工具会帮助我们完成项目结构代码的生成，不需要做任何的修改。直接点击左下角的编译就可以运行了。就是这样简单。所见即所得。

三、第一个小程序就生成了。是不是很简单，来尝试做一些小修改。希望你也有一颗好奇的心。
（1）把页头的 WeChat变成“全栈工程师”，修改完成之后。记得要保存，这样才可以生效。

（2）页面上的HelloWord 修改成 Hello 全栈工程师

四、如果没有保存的话，当前修改的文件是带有小绿点的

基础入门先讲到这里，下节我们再说项目中各个文件代表的是什么以及使用

小作业：
创建一个项目，把页面中的Hello Word 修改为自己的名字

后面账号注册、开发工具说明、代码结构、上线发布都可以点击阅读原文进入小程序基础部分进行交流。基础部分会把全流程都串下来，后面各个组件、接口就可以理解为自己去拼装“积木”和“穿线”

阅读原文进入“直播间”进行交流
阅读原文

文章首发微信公众号：全栈工程师（微信号:fullstackeer）

GPU云服务器云服务器小程序开发开发小程序开发之基础篇小程序开发开发制作

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82753.html

小程序开发系列之基础部分-基础部分

摘要：程序大都是从这个示例开始，学习小程序也不例外学习中只要照猫画虎后面慢慢的就熟悉了。三第一个小程序就生成了。把页头的变成全栈工程师，修改完成之后。程序大都是从HelloWord 这个示例开始，学习小程序也不例外,学习中只要照猫画虎后面慢慢的就熟悉了。一开始不要先问，先模仿，然后再尝试着修改，出现错误，尝试修改，这样不停的迭代循环，遇到问题首先自己独立思考，再查阅文档，在实践中编程能力就...

YJNldm 2019-08-29 12:29 评论0 收藏0
小程序开发系列之基础部分-账号注册

摘要：小程序注册流程进入微信公众平台选择第三个小程序进入之后，在网页底部有前往注册按键，点击注册进入之后填写填写邮箱每个邮箱仅能注册一次密码和验证码，并勾选同意条款进行注册填写正确后点击注册会进入如下界面，进入填写的邮箱进行验证点击邮件中的地址进小程序注册流程 1.进入微信公众平台：选择第三个小程序 showImg(https://segmentfault.com/img/bVMV02?w...

Pikachu 2019-08-01 16:45 评论0 收藏0
小程序开发系类之基础部分-开发工具

摘要：与网络相关可以查看工具的使用在后面的开发学习中，随着项目的进展可以再进行一步一步的摸索。阅读原文进入直播间进行交流阅读原文文章首发微信公众号全栈工程师微信号根据不同开发环境去下载对应的开发工具 http://dwz.cn/4hOfGk 笔者是用MAC版本，扫码登陆之后（扫码的前提需要完成小程序帐户的注册）showImg(https://segmentfault.com/img/bV...

233jl 2019-08-20 16:18 评论0 收藏0
小程序开发系类之基础部分-开发工具

摘要：与网络相关可以查看工具的使用在后面的开发学习中，随着项目的进展可以再进行一步一步的摸索。阅读原文进入直播间进行交流阅读原文文章首发微信公众号全栈工程师微信号根据不同开发环境去下载对应的开发工具 http://dwz.cn/4hOfGk 笔者是用MAC版本，扫码登陆之后（扫码的前提需要完成小程序帐户的注册）showImg(https://segmentfault.com/img/bV...

rockswang 2019-08-01 16:46 评论0 收藏0
微信小程序开发教程(基础篇)3-app.js 解析

摘要：微信小程序框架提供了一系列来帮助我们进行本地数据存储，上面的代码中使用到了和两个更多相关可以参考这里方法很容易理解，会执行获取用户信息的功能。上一篇教程中写道，开发工具会生成一个默认的程序框架，其中程序的主流程代码包含在app.js中。默认实现中，该部分功能比较简单，不过对于学研究小程序开发还是比较有价值的。由于代码行数不多，下面一次性贴出来后进行讲解 //app.js App({...

lemon 2019-08-20 12:23 评论0 收藏0