[TOC]
# 通過cli創建uniapp項目
首先確保vue-cil已經安裝,若未安裝,使用以下命令安裝:
```bash
npm i -g @vue/cli
```
通過 cli 生成項目:
```bash
vue create -p dcloudio/uni-preset-vue my-project
```
創建好的項目結構如下:

## 項目結構規劃
我規劃的項目結構如下:

最重要的是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端常見問題解決方案
- 微信小程序常見問題解決方案