[TOC]
# 通过cli创建uniapp项目
首先确保vue-cil已经安装,若未安装,使用以下命令安装:
```bash
npm i -g @vue/cli
```
通过 cli 生成项目:
```bash
vue create -p dcloudio/uni-preset-vue my-project
```
创建好的项目结构如下:
![](https://kan.xiaoyulive.top/uniapp/017.png)
## 项目结构规划
我规划的项目结构如下:
![](https://kan.xiaoyulive.top/uniapp/018.png)
最重要的是src目录的规划,一些关键的目录:
- `api` 存放请求
- `components` 存放全局组件
- `directives` 存放全局指令
- `filter` 存放全局过滤器
- `hybrid` 存放混合编译页面
- `library` 自定义库
- `pages` 页面
- `static` 静态资源
- `store` Vuex状态管理
## 必要的工具
工欲善其事,必先利其器,列举我常用的一些开发工具:
- pug
- pug-plain-loader
- stylus
- stylus-loader
- node-sass
- prettier
- postcss-comment
- uniapp项目搭建
- 通过cli创建uniapp项目
- uniapp平台特性
- uniapp基础
- 在uniapp中使用字体图标
- uniapp全局变量的几种实现方式
- uniapp自定义页面返回逻辑
- uniapp进阶
- 在网页中打开uniapp应用
- uniapp状态栏与导航栏
- 在uniapp中优雅地使用WebView
- uniapp Android离线打包
- Android原生工程搭建
- 在uni-app项目中集成Android原生工程
- uniapp热更新和整包更新
- Android Q启动白屏的问题
- uniapp原生插件开发与使用
- Android 原生插件使用
- uniapp基础模块配置
- uniapp定位及地图
- uniapp第三方支付、登录
- 常见问题及解决方案
- Android端常见问题解决方案
- H5端常见问题解决方案
- 微信小程序常见问题解决方案