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

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

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

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

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

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

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

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

小程序开发系列教程-基础部分_第1张图片

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

小程序开发系列教程-基础部分_第2张图片

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

小程序开发系列教程-基础部分_第3张图片

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

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

小程序开发系列教程-基础部分_第4张图片

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

小程序开发系列教程-基础部分_第5张图片

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

小程序开发系列教程-基础部分_第6张图片

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


小作业

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


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


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

阅读原文

你可能感兴趣的:(小程序开发系列教程-基础部分)