1.开发工具：官方推荐：https://www.dcloud.io/hbuilderx.html

2.学习文档：官方文档：https://uniapp.dcloud.io

3.页面规范：

.vue 文件是一个自定义的文件类型，用类 HTML 语法描述一个 Vue 组件。每个 .vue 文件包含三种类型的顶级语言块
<template>、<script> 和 <style>
还允许添加可选的自定义块。

  1. <template>
  2.     <view class="content">
  3.         <image class="logo" src="/static/logo.png"></image>
  4.         <view class="text-area">
  5.             <text class="title">{{title}}</text>
  6.         </view>
  7.     </view>
  8. </template>
  10. <script>
  11.     export default {
  12.         data() {
  13.             return {
  14.                 title: 'Hello'
  15.             }
  16.         },
  17.         onLoad() {
  19.         },
  20.         methods: {
  22.         }
  23.     }
  24. </script>
  26. <style>
  27.     .content {
  28.         display: flex;
  29.         flex-direction: column;
  30.         align-items: center;
  31.         justify-content: center;
  32.     }
  34.     .logo {
  35.         height: 200rpx;
  36.         width: 200rpx;
  37.         margin-top: 200rpx;
  38.         margin-left: auto;
  39.         margin-right: auto;
  40.         margin-bottom: 50rpx;
  41.     }
  43.     .text-area {
  44.         display: flex;
  45.         justify-content: center;
  46.     }
  48.     .title {
  49.         font-size: 36rpx;
  50.         color: #8f8f94;
  51.     }
  52. </style>

vue-loader 会解析文件，提取每个语言块，如有必要会通过其它 loader 处理，最后将他们组装成一个 ES Module，它的默认导出是一个 Vue.js 组件选项的对象。
vue-loader 支持使用非默认语言，比如 CSS 预处理器，预编译的 HTML 模版语言，通过设置语言块的 lang 属性。例如，你可以像下面这样使用 Sass 语法编写样式：
注意：每个.vue文件最多包含一个**