uni-app 是什么？
Uni-app是由DCloud（好多人都熟悉HBuilder）推出的一款基于Vue.js的开源跨平台应用框架，它可以一次开发，多端发布（包括但不限于微信小程序、支付宝小程序、App、H5、快应用、QQ小程序、头条小程序、360小程序、华为快应用、OPPO小程序、Vivo小程序等）。
通过使用Uni-app，开发者可以使用Vue语法制作跨平台应用，并生成多个平台的应用程序包，大大提高了开发效率。
Uni-app融合了微信小程序开发和Vue开发的思想，让全栈开发者能够使用自己的技能轻松地开发移动应用程序，并且不需要学习其他的API和语言，同时也可以享受到更为丰富的开发能量。
值得一提的是，Uni-app还提供了一套基于Vue.js的完整生态环境，支持TypeScript开发，并集成了微信开发者工具的调试能力，让开发过程更加便捷。
两种搭建项目的方式
1 、通过 HBuilderX 可视化界面 可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。 开始之前，开发者需先下载安装如下工具：HBuilderX：官方IDE下载地址
2 、通过vue-cli命令行 也可以使用 cli 脚手架，可以通过 vue-cli 创建 uni-app 项目。
建议使用 HBuilderX
uni-app 的文件基本结构
在完成uni-app项目的创建之后，会生成一些基本文件和目录，常见的基本文件和目录如下：
- pages目录：存放uni-app应用程序的页面文件，每个页面都是一个.vue文件，包含HTML、CSS和JavaScript代码。
- static目录：存放静态资源文件，例如图片、字体文件等，这些资源可以通过相对路径引用。
- App.vue文件：uni-app应用程序的主视图文件，也是Vue.js的根组件，通过它可以渲染应用程序的界面。
- main.js文件：uni-app应用程序的入口文件，初始化Vue实例，并将App.vue作为根组件进行渲染。
- manifest.json文件：uni-app项目的配置文件，包括名称、图标、权限等信息。
- uni.scss文件：uni-app应用程序的基础样式库，可以通过修改它来改变整个应用程序的样式。
以上是uni-app项目的基本结构，常见的文件和目录在开发中会经常使用和操作，熟悉它们的作用和用法能够提高开发效率。
基本使用：
<template>
<view class="content">
<button @click="showHello">点击我</button>
</view>
</template>
<script>
export default {
methods: {
showHello() {
uni.showToast({
title: '你好',
icon: 'none'
});
}
}
};
</script>
<style>
.content {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
font-size: 16px;
}
</style>
uni-app 重要的
其实学习 uni-app 最重要的是学会看文档： uni-app官网 (dcloud.net.cn)
