1.项目起步

1.创建uni项目

1.1 文件 -> 新建 -> 项目

1.2 填写项目基本信息

1.3 项目创建成功

1.4 目录结构

一个 uni-app 项目，默认包含如下目录及文件：

text

┌─components            uni-app组件目录
│  └─comp-a.vue         可复用的a组件
├─pages                 业务页面文件存放的目录
│  ├─index
│  │  └─index.vue       index页面
│  └─list
│     └─list.vue        list页面
├─static                存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
├─main.js               Vue初始化入口文件
├─App.vue               应用配置，用来配置小程序的全局样式、生命周期函数等
├─manifest.json         配置应用名称、appid、logo、版本等打包信息
└─pages.json            配置页面路径、页面窗口样式、tabBar、navigationBar 等页面类信息

2.运行uni项目

让hbuilderx中的uni-app项目在微信开发者工具中运行为小程序项目：

mp-weixin这个项目就是微信开发者工具加载的编译之后的项目：

注：在微信开发者工具运行时，控制台可能会有黄色警告

可以在uniapp项目中进行配置：

添加配置项：

json

"checkSiteMap": false

3.托管项目到gitee

3.1 建立.gitignore

bash

# 忽略 node_modules 目录
/node_modules
# 忽略 /uni_modules 目录
# /uni_modules # 应该只有vue3的项目需要
# 忽略 /unpackage/dist 目录
/unpackage/dist

3.2 托管到本地git

bash

git init
git status
git add .
git status
git commit -m “init project”
git status

3.3 托管到gitee

新建一个仓库

然后看下面的已有仓库如何操作：（这个页面是创建完仓库自己出来的，但是前提是什么都不勾选）

首先点击ssh协议的方式！

进行关联和推送：

成功：

点击网页的刷新按钮

1.项目起步 ​

1.创建uni项目 ​

1.1 文件 -> 新建 -> 项目 ​

1.2 填写项目基本信息 ​

1.3 项目创建成功 ​

1.4 目录结构 ​

2.运行uni项目 ​

3.托管项目到gitee ​

3.1 建立.gitignore ​

3.2 托管到本地git ​

3.3 托管到gitee ​