uni-app初学习（一）

uni-app官方文档：uni-app官网

开发工具：HBuilderX，链接地址：HBuilderX-高效极客技巧

uni-app课程学习地址：1.1.课程知识点介绍及项目展示_哔哩哔哩_bilibili1.1.课程知识点介绍及项目展示是2022新课uniapp零基础入门到项目打包（微信小程序/H5/vue/安卓apk）全掌握的第1集视频，该合集共计65集，视频收藏或关注UP主，及时了解更多相关视频内容。https://www.bilibili.com/video/BV1mT411K7nW?p=1&vd_source=329b7939c37314fadee3f5a263008204

1.uni-app优势

• 编写一套代码可应用到多个平台；
• 使用Vue.js，可快速上手；
• 插件丰富。

2.项目创建

文件 -> 新建 -> 项目

选择默认模板，填写项目名称，项目路径以及Vue版本选择2，点击创建

项目创建成功

3.目录结构

4.配置web服务器

运行 -> 运行到浏览器 -> 配置web服务器

填写浏览器安装路径，例如Chrome浏览器安装路径 

配置完成后，关闭标签，尝试运行

第一次运行需要下载编译工具

再次进行运行，显示成功