Uniapp搭建微信小程序简单框架

1.目录级别

├── api

│   └── user.js

├── common

├── components

├── node_modules

├── pages

├── static

│   ├── css

│   ├── img

│   │   └── logo.png

│   └── js

├── store

│   └── modules

│       ├── products.js

│       ├── user.js

│   └── index.js

├── uni_modules

├── unpackage

├── utils

│   ├── request.js

│   ├── storage.js

│   └── wechatVerification.js

├── .env.development

├── App.vue

├── .gitignore

├── index.html

├── main.js

├── manifest.json

├── package.json

├── package-lock.json

├── pages.json

├── README.md

├── uni.promisify.adapt.js

└── uni.scss

2.路由

因为uniapp生成的框架有个pages.json文件，里面可以配置小程序的路由以及头部，所以我是直接使用的

3.网络请求

因为axios比较适用于web端，不适用于小程序，所以使用axios作为网络链接工具的话，需要配置一个适配器

因此我直接换了一个网络请求的库，flyio，使用方法和axios大同小异

4.全局状态管理

因为使用的是vue2，所以全局状态管理使用的是vuex，如果你使用的是vue3，那就需要用pinia，根据项目情况而定

以下是全局状态管理的一个目录结构：
├── store

│   └── modules

│       ├── products.js

│       ├── user.js

│   └── index.js

以index.js作为入口文件，分成多个module，方便管理

以上均为个人学习记录，以及遇到的问题，如有遇到其他的问题，可私信或者评论，可以帮忙解决。