章节2.开发前环境搭建

# 1. 安装开发工具

既然我们要进行多端开发，我们目前的开发工具vscode是无法办到的，因此我们需要安装新的开发工具：HBuilderX。
具体看课程视频。

# 2. 安装插件并调试移动端页面

具体看课程视频
注：
课后将HBuilderX的核心插件都安装一下，随着我们课程的讲解，这些插件到后面也会安装的，所以本次一次性全部安装一下。

# 3. 调试安卓(Andriod)端手机app效果

具体看课程视频[课程06课]
注：
关于安卓和ios调试过程，可以按照官方的流程排查和调试：https://uniapp.dcloud.net.cn/tutorial/run/run-app-faq.html (opens new window)

# 4. 调试苹果(IOS)手机app效果

具体看课程视频[课程07课]
参考：https://uniapp.dcloud.net.cn/tutorial/run/run-app-faq.html#_4-2-检测ios手机 (opens new window)

# 5. 调试微信小程序效果

具体看课程视频[课程08课]

# 6. 调试支付宝小程序效果

具体看课程视频[课程09课]

# 【第三学期第1季课程】其它章节

# 章节1.课程介绍

# 章节2.开发前环境搭建

# 1. 安装开发工具

# 2. 安装插件并调试移动端页面

# 3. 调试安卓(Andriod)端手机app效果

# 4. 调试苹果(IOS)手机app效果

# 5. 调试微信小程序效果

# 6. 调试支付宝小程序效果

# 章节3.引入UI框架及进行全局配置

# 一、引入UI框架

# 二、项目配置

# 1、底部导航栏

# ① 底部导航栏属性样式设置

# ② 底部导航栏事件

# 2、顶部导航栏设置

# 章节4.首页开发

# 一、swiper广告图

# ① 多种指示器形式样式展示

# ② 带标题的轮播图

# ③ 图片视频混合的轮播图

# ④ 卡片式轮播图

# 二、消息滚动通知

# 三、引入公共样式（css样式库）

# ① 公共样式（css样式库）详细代码及说明

# ② 引入公共样式替换之前写的行内样式

# 四、主要栏目展示

# 五、横向滚动【主营业务】展示

# ① 横向滚动示例

# ② 横向滚动【主营业务】

# 六、资讯中心【新闻中心】开发

# 章节5.其它界面开发

# 一、资讯中心【新闻中心】列表

# ① 导航栏部分

# ② 信息列表部分

# 二、信息详情页

# 三、联系我们页面

# ① 联系方式展示及初步使用表单组件提交数据验证

# ② 完成留言板界面和数据验证

# 四、工程案例页面