小程序开发系列之基础部分-基础部分
程序大都是从HelloWord 这个示例开始，学习小程序也不例外,学习中只要“照猫画虎”后面慢慢的就熟悉了。一开始不要先问，先模仿，然后再尝试着修改，出现错误，尝试修改，这样不停的迭代循环，遇到问题首先自己独立思考，再查阅文档，在实践中编程能力就培养起来了。当然我们也提供了一些小福利，文末有语音直播间，大家有问题可以在里面提问和交流。
一、言归正题，打开小程序开发环境，创建项目，按照向导添加项目说明：
1、AppID，在开始学习阶段，先忽略，点击绿色部分“无AppID”；
2、起一个项目名称，最好是英文；
3、选择一个项目路径，最好也是不带中文的路径名；
4、勾选“在当前目录中创建 quick start 项目”（自动生成项目）；
5、点击绿色按钮“添加项目”，即可进入开发环境。
二、“添加项目”之后则进入如下页面，左侧是功能区，中间从左到右分别是可视化区、代码目录树、功能编辑区
开发工具会帮助我们完成项目结构代码的生成，不需要做任何的修改。直接点击左下角的编译就可以运行了。就是这样简单。所见即所得。
三、第一个小程序就生成了。是不是很简单，来尝试做一些小修改。希望你也有一颗好奇的心。
（1）把页头的 WeChat变成“全栈工程师”，修改完成之后。记得要保存，这样才可以生效。
（2）页面上的HelloWord 修改成 Hello 全栈工程师
四、如果没有保存的话，当前修改的文件是带有小绿点的
基础入门先讲到这里，下节我们再说项目中各个文件代表的是什么以及使用
小作业：
创建一个项目，把页面中的Hello Word 修改为自己的名字
后面账号注册、开发工具说明、代码结构、上线发布都可以点击阅读原文进入小程序基础部分进行交流。基础部分会把全流程都串下来，后面各个组件、接口就可以理解为自己去拼装“积木”和“穿线”
阅读原文进入“直播间”进行交流
阅读原文
文章首发微信公众号：全栈工程师 （微信号:fullstackeer）
小程序开发系列之基础部分-基础部分相关推荐
- 小程序开发系列之基础部分-代码结构
小程序开发系列基础部分-代码结构 上节中开发环境帮助自动生成很多文件,也尝试的修改了一些并完成了显示 小程序一个页面有四个文件组成: (1)js 表示页面逻辑 (2)wxml 表示页面结构 (3)wx ...
- 微信小程序开发系列五：微信小程序中如何响应用户输入事件
微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 微信小程序开发系列四:微信小程序 ...
- WordPress版微信小程序开发系列(二):安装使用问答
自WordPress版微信小程序发布开源以来,受关注的程度超过我原来的想象.这套程序主要面对的用户是wordpress网站的站长,如果wordpress站想在微信的生态圈得到推广,小程序成为一种重要的 ...
- 【微信小程序开发•系列文章一】入门
本系统文章主要有以下几篇: <[微信小程序开发•系列文章一]入门> <[微信小程序开发•系列文章二]视图层> <[微信小程序开发•系列文章三]数据层> <[微 ...
- 微信小程序开发系列 (四) ：微信小程序的页面跳转路由设计
笔者由于工作需要,曾经参加过一个微信小程序同 SAP 系统集成的项目,因此从零开始学习了微信小程序的开发知识.这里通过系列文章把自己所学分享出来,希望对相关学习者有所帮助. 本教程前面三篇文章: 微信 ...
- Jerry Wang的微信小程序开发系列文章
微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列教程三:微信小程序的调试方法 微信小程序开发系列四:微信小程序之控制器的初始化逻辑 ...
- 微信小程序开发系列七：微信小程序的页面跳转
微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 微信小程序开发系列四:微信小程序 ...
- 微信小程序开发系列六：微信框架API的调用
微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 微信小程序开发系列四:微信小程序 ...
- 微信小程序开发系列四：微信小程序之控制器的初始化逻辑
微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 这个教程的前两篇文章,介绍了如何 ...
- 微信小程序开发系列教程三：微信小程序的调试方法
微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 这个教程的前两篇文章,介绍了如何用下图所示的微信开发者工具自动生成一个Hel ...
最新文章
- 刻意练习：LeetCode实战 -- Task30.通配符匹配
- 蓝桥杯 密文搜索(全排列)
- 【Python Flask】使用Ajax从后台请求数据
- Windows下MYSQL的安装与配置
- php 20分钟以前,php返回相对时间（如：20分钟前，3天前）的方法_PHP
- 学习笔记：SildeShow 相册无刷新翻页或幻灯片方式浏览..
- linux设备驱动之PCIE驱动开发
- SSH Mybatis 框架
- java mission control_Java Mission Control之使用
- Spring Kafka Transaction
- 编写简单的WDF驱动程序
- 因子主成分分析，因子载荷矩阵、因子解释度 因子得分-在基金净值和主要金融因子分析上的应用
- HDU 2042 不容易系列之二
- Android平板获取唯一标识DeviceId
- spring boot layui table.render 加载不了cols
- 《3D打印：正在到来的工业革命（第2版）》——2.4节粉末床熔融
- 【影视系列】《变形金刚5-最后的骑士》
- 有声音显示音频服务器,Win7右下角声音图标显示音频服务未运行的解决方法小结...
- MySQL的enclosed-by和escaped-by
- Rosetta Stone 不在C盘安装步骤