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

2017-04-11  本文已影响0人  全栈工程师华栋

程序大都是从HelloWord 这个示例开始,学习小程序也不例外,学习中只要“照猫画虎”后面慢慢的就熟悉了。一开始不要先问,先模仿,然后再尝试着修改,出现错误,尝试修改,这样不停的迭代循环,遇到问题首先自己独立思考,再查阅文档,在实践中编程能力就培养起来了。当然我们也提供了一些小福利,文末有语音直播间,大家有问题可以在里面提问和交流。

言归正题,打开小程序开发环境,创建项目,按照向导添加项目说明:

1、AppID,在开始学习阶段,先忽略,点击绿色部分“无AppID”;

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

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

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

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

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

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

第一个小程序就生成了。是不是很简单,来尝试做一些小修改。希望你也有一颗好奇的心。

(1)把页头的 WeChat变成“全栈工程师”,修改完成之后。记得要保存,这样才可以生效。

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

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

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

小作业

1、创建一个项目,把页面中的Hello Word 修改为自己的名字

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

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

阅读原文

上一篇下一篇

猜你喜欢

热点阅读