uni-app的使用（项目的新建以及导航栏）

1.下载一个HBuilderX，网址如下：
https://www.dcloud.io/hbuilderx.html
下载一个微信开发者工具，网址如下：
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2.创建一个uni-app，有两种方式，一个是可视化操作，另一个是终端配置
由于个人终端配置报错，这边只写明可视化的操作

然后选择

成功后会生成如下一些文件：

pages是uni-app的页面及组件部分
static里面可以放静态资源，如图片静态资源等等

红色路径部分为小程序开发者工具导入的路径

或者通过HBuilderX直接运行小程序

打开权限：

开启微信开发者工具安全设置

则微信小程序通过uni-app搭建成功

也可用uni-app写app，如通过浏览器运行
我写的app

3.新建页面

选择用sass使用则需要安装插件

工具->插件的安装

<style lang="scss">

加个 lang=“scss”，就可以写scss了

4.组件的引入
子：新建一个组件如

父：
5.导航栏的配置
这里我们说的是uni-app有的组件，自定义导航栏暂时不考虑

相关配置在uni-app官方文档搜索tabBar进行配置最少两个导航，最多五个~