🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[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