f-vue-ui-test v0.1.0

cl-web-ui

项目搭建框架

• vue-cli 4.5.0
• vue 3.0.0
• vue-router 4.0.12

UI框架

• element-plus

项目创建命令：

• vue create project-name

项目结构说明

src 文件夹下：

• assets--存放静态资源文件
• base-ui--非业务基础组件
• components--业务基础组件
• router--存放路由文件
• hooks--公共钩子函数
• service--前后端交互接口文件，本项目使用axios进行交互
• utils--公共的方法存放文件
• store--vuex数据管理文件
• views--项目页面
• App.vue--项目根组件
• main.ts--项目入口文件

其他配置文件

• babel.config.js--ES6转ES5配置文件
• package.json--项目说明文件，包含项目名，项目版本，项目依赖等信息
• vue.config.js--项目配置文件，包括生产，开发，测试环境的配置
• commitlint.config.js--项目git提交message规范配置文件
• .eslintrc.js--项目编码规范配置文件
• .prettierrc--项目编码格式配置文件
• .editorconfig--不同ide间统一换行符等格式

项目运行说明

• 首先请确保你的本地node版本在8.11.0 +
• git clone 克隆项目到本地
• 运行yarn 或 npm i 安装项目依赖
• 运行 yarn serve 或 npm run serve 启动项目
• git提交运行 yarn commit,并按照实际要求提交

git commit message 规范解释

项目已配置git格式化提交；强烈推荐使用yarn commit命令来提交代码

• feat: 新功能（feature）
• fix: 修补bug
• docs: 文档（documentation）
• style: 格式（不影响代码运行的变动）
• refactor: 重构（即不是新增功能，也不是修改bug的代码变动）
• test: 增加测试
• chore: 构建过程或辅助工具的变动