美文网首页
小程序开发系列教程-基础部分

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

作者: 全栈工程师华栋 | 来源:发表于2017-04-11 16:55 被阅读0次

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    小作业

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

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

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

    阅读原文

    相关文章

      网友评论

          本文标题:小程序开发系列教程-基础部分

          本文链接:https://www.haomeiwen.com/subject/zhduattx.html