# uni-preset-vue-cli-extension-park **Repository Path**: cestr/uni-preset-vue-cli-extension-park ## Basic Information - **Project Name**: uni-preset-vue-cli-extension-park - **Description**: 开发跨平台应用脚手架 starter - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2023-03-23 - **Last Updated**: 2023-05-09 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # uni-preset-vue-cli-extension-park [更新记录](./CHANGELOG.md) **开箱即用！！基于 `uni-preset-vue-cli` 模式构建的最佳实践脚手架** - 集成多平台快速开发的 UI 框架，[uView UI](https://www.uviewui.com) 2.0 版 - 集成 [luch-request](https://github.com/lei-mu/luch-request) - 集成当前主流的三种预编译器：`SCSS`、 `Stylus` - 集成 `Pug` 模板引擎 - 集成 `z-paging` 分页组件 - 集成编码规范校验（eslint + prettier）支持 `standard` 和 `eslint:recommended`,默认配置 `standard` ## 上手指南 ### node 版本要求 v16.18.0 ### 包管理器 `pnpm` 如果没有安装 `pnpm` 需要先安装 `pnpm@7.9.0` ```bash npm install pnpm@7.9.0 -g ``` ### 安装依赖 ```bash pnpm install ``` ## h5 平台 ### 运行项目 ```bash pnpm dev:h5 # 或者 pnpm serve ``` ### 打包发行 ```bash pnpm build:h5 # 或者 pnpm build ``` ## 微信小程序平台 ### 运行微信小程序 ```bash pnpm dev:mp-weixin # 或者 pnpm dev ``` ### 打包发行微信小程序 ```bash pnpm build:mp-weixin # 或者 pnpm prod ``` ## 文件目录说明 ```tree root ├── /doc/ // 用于存放 cli 工程构建的说明文档 ├── /project-doc/ // 用户存放项目的说明文档目录 ├── /public/ // 存放在该文件夹的东西不会被打包影响，而是会原封不动的输出到 dist 文件夹中 │ └── /index.html // 入口模板文件 ├── /src/ // 存放项目源码及需要引用的资源文件 │ ├── /api/ // 存放项目中接口文件 │ ├── /assets/ // 存放项目中需要用到的资源文件，css、js、images 等 │ ├── /components/ // 存放 vue 开发中一些公共组件：header.vue、footer.vue 等 │ ├── /directives/ // 全局指令注册 │ ├── /libs/ // 第三方库 │ ├── /middleware/ // 业务处理拦截中间件 middleware │ ├── /mixins/ // 存放全局混入业务代码 │ ├── /pages/ // 存在vue页面组件的文件夹。 │ ├── /plugins/ // 项目常用的插件集合 │ ├── /static/ // 存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此 │ ├── /store/ // 存放 vuex 为 vue 专门开发的状态管理器 │ ├── /subPackages/ // 自定义分包模块，名字可以根据具体业务模块分包，命名规范 subPackages[ModuleName] │ ├── /uni_modules/ // 存放符合 uni-app 的插件模块化规范开发的插件。比如 uView2.0 │ ├── /utils/ // 存放 vue 开发过程中一些公共的 js 方法 │ ├── app.config.vue // 项目配置文件 │ ├── App.vue // 项目入口文件 │ ├── main.js // 入口文件 │ ├── manifest.json // uniapp 管理各个环境下的的配置 │ ├── pages.json // 页面和路由配置文件 │ └── uni.scss // uni.scss 是一个特殊文件，在代码中无需 import 这个文件即可在 scss 代码中使用这里的样式变量 ├── .editorconfig // 统一团队代码风格的配置文件 ├── .env[.development|production][.local] // vue-cli 环境变量设置 ├── .eslintignore // eslint 忽略文件配置 ├── .eslintrc // eslint 文件配置 ├── .gitignore // git 忽略文件配置 ├── .npmrc // npm 镜像配置文件 ├── .prettierrc.js // prettier 统一代码格式化风格配置文件 ├── .stylintrc.js // stylus 统一代码格式化风格配置文件 ├── babel.config.js // 对 js 文件进行编译转换增强的配置文件 ├── CHANGELOG.md // stylus 统一代码格式化风格配置文件 ├── jsconfig.json // JavaScript 语言服务的配置文件。比如：代码提示、文件索引等问题 ├── LICENSE // MIT 许可证 ├── package.json // 包管理配置文件 ├── pnpm-lock.yaml // pnpm 锁定依赖版本 ├── postcss.config.js // 对 css 文件进行编译转换增强的配置文件 ├── README.md // uni-app-cli-preset 说明文档 ├── shime-uni.d.ts // uni 类型声明文件 ├── shime-vue.d.ts // vue 单文件组件类型声明文件 └── vue.config.js // vue-cli 配置文件 ``` ## 使用到的框架和库 - [vue](https://cn.vuejs.org/) - [vuex](https://vuex.vuejs.org/zh/) - [uview](https://www.uviewui.com/) - [ColorUI](https://github.com/weilanwl/ColorUI) - [luch-request](https://github.com/lei-mu/luch-request) ## 关键字 - vue （vue 框架） - uview （ui 组件库） - vuex （管理器） ## 版本控制 该项目使用 Git 进行版本管理。 ## 作者 - _Cest_ - _wangProgrammer_ itwangyang@foxmail.com ## 鸣谢 - 感谢 [Vue-CLI](https://cli.vuejs.org) - 感谢 [vue](https://cn.vuejs.org/) - 感谢 [vuex](https://vuex.vuejs.org/zh/) - 感谢 [uniapp](https://uniapp.dcloud.io/) - 感谢 [uview](https://www.uviewui.com/) - 感谢 [luch-request](https://github.com/lei-mu/luch-request)