一、下载网址

https://www.dcloud.io/hbuilderx.html

下载后一路下一步，解压并安装
在微信小程序中运行需要注意两点：
1.在微信小程序中：设置->安全设置->打开服务端口
2.在uniapp中配置微信开发小程序的根路径
配置多个工具路径
工具->设置->运行配置

安装模拟器
开发就是安装adin系统和ios系统到本地
安卓手机可以连接电脑或模拟器，打开调试功能，自己的安卓手机
关于手机 -> 版本号(点击5次) -> USB调试打开 -> 传输文件 -> 是否允许USB调试 -> 始终允许

目录结构介绍：
pages 是页面目录
static是静态资源目录
uppackage是编译后文件目录
App.vue是全局组件文件（只能写js，一般写的都是项目的生命周期）
mian.js 是入口文件
manifest.js是项目的配置文件（图标配置，应用的名称、版本和描述，vue的版本选择）
pages.json是配置所有页面的信息uni.scss基础样式文件

uniapp有两套生命周期，一套是页面生命周期，一套是组件生命周期
页面生命周期类似小程序的生命周期
组件生命周期类似vue2生命周期

<template>
    <view class="content">
        <!-- 模板里面只能写uni-app提供组件，类似于小程序，不能写html标签 -->
    </view>
</template>
<!-- 每一个xxx.vue文件就是一个页面，每一个页面就是一个vue组件 -->
<script>
    // js里面的语法跟vue没有太多的差别
    export default {
        // 定义属性
        data() {
            return {
                title: 'Hello'
            }
        },
        // 页面的生命周期函数
        // 监听页面加载
        onLoad(options) {
  console.log('页面加载完成')
        },
        // 监听页面显示
        onShow(){
           console.log('页面显示')
       },
       // 监听页面初次渲染完成
       onReady(){
           console.log('页面初次渲染完成')
       },
       // 监听页面隐藏
       onHide(){
           console.log('页面隐藏')
       },
      // 监听页面卸载
       onUnload(){
           console.log('页面卸载')
       },
        // 定义方法
        methods: {

        },
        beforeCreate(){
            console.log('组件创建之前，此时还不能使用数据')
        },
        created(){
            console.log('组件创建完成，此时可以操作数据')
        },
        beforeMount(){
            console.log('页面挂载之前，此时还不能手动操作DOM')
        },
        Mounted(){
            console.log('页面挂载完成，此时可以手动操作DOM')
        },
        beforeUpdate(){
            console.log('数据更新后，页面重新挂载之前')
        },
        updated(){
            console.log('数据更新完成，页面重新挂载完成')
        },
        beforeDestroyed(){
            console.log('组件销毁之前')
        },
        destroyed(){
            console.log('组件销毁完成')
        }       
    }

移动端响应式

移动端要做响应式，使用rpx单位。在iphone6中1px=2rpx
开发时候用iphone6开发，其他型号会自适应