uni-app入门学习笔记（一）

文章目录

• 一、uni-app的基本介绍：
• 二、uni-app的创建与运行
• 三、文件及配置简介
• 四、uniapp与H5标签对比

一、uni-app的基本介绍：

1. 优势：当前前端泛滥，使用uni-app可以提高开发效率，降低开发成本。能够实现一套代码，多端运行的效果。
2. 语法类似vue，和小程序的结合。
3. 官方文档及教程丰富：https://uniapp.dcloud.io/
4. 运行环境搭建：可以下载HBuilder开发工具，微信小程序开发者工具

二、uni-app的创建与运行

三、文件及配置简介

index.vue文件：首页
uni.scss文件：描述全局样式，设置常用字体，常用色彩，可以无需引入
mainfest.json文件：配置打包相关
pages.json文件：配置页面路径及外观
package.json文件：初始化设置。可以添加路由，
main.js文件：入口文件
static文件夹：静态资源文件（音视频、图像）
pages文件夹：页面
component文件夹：组件。每个页面会用到的公共部分。

四、uniapp与H5标签对比