uniapp: 插件uniapp开发目录
```
├─api 接口文件目录
│ ├─例:hello_world.ts
│
├─component 自定义开发组件
│
├─locale 语言包目录
│ ├─zh-Hans 中文语言包,按照语言定义
│ │ ├─例 pages.hello_world.index.json 注意命名规范按照文件实际路径"."
│
├─pages 视图文件目录
│ ├─例 hello_world
│ │ ├─例 index.vue 前端对应页面文件
│
├─utils
```
例如商城系统应用
![](https://img.kancloud.cn/ac/91/ac91d363fc1e9fe680b11cd6bf288165_1788x885.png)
1. api:对应接口请求目录
![](https://img.kancloud.cn/2e/54/2e54a7df616874868c6c538499228458_1920x864.png)
2. component:对应组件目录,包括插件本身的组件以及自定义组件
diy:指自定义组件,关于自定义组件的开发在后面章节中详细说明
![](https://img.kancloud.cn/f5/9e/f59e77ecc6734e4ece2d46eb03701a03_1319x705.png)
3. locale 语言包目录
![](https://img.kancloud.cn/51/d8/51d800d061c683fe782e8fb1975e90c8_1382x904.png)
注意语言文件的命名规范
![](https://img.kancloud.cn/b7/42/b742b75dddf7686e24a6efe6c2f89d10_1291x852.png)
4. pages:对应页面
![](https://img.kancloud.cn/3c/cc/3ccca5f9ccad3824d5ae4b9ebb8993ea_1639x820.png)
5. stores: 缓存数据,比如商城购物车作为每个页面都可能调用的数据
![](https://img.kancloud.cn/88/29/8829bd6ffb4d7d7ad885ffa430851db4_1920x978.png)
6. utils:第三方工具js类,比如商城插件中调用地图,坐标
![](https://img.kancloud.cn/e6/18/e618a50e033976b9f012f4064d5213c1_1746x824.png)