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

2、起一个项目名称,最好是英文;

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

4、勾选“在当前目录中创建 quick start 项目”(自动生成项目);

5、点击绿色按钮“添加项目”,即可进入开发环境。
图片描述

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

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

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

(2)页面上的HelloWord 修改成 Hello 全栈工程师
图片描述

四、如果没有保存的话,当前修改的文件是带有小绿点的
图片描述

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

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

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

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

文章首发微信公众号:全栈工程师 (微信号:fullstackeer)​​​​​


lihuadong
19 声望6 粉丝