# electron-test **Repository Path**: snyul/electron-test ## Basic Information - **Project Name**: electron-test - **Description**: test electron some question - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-11-19 - **Last Updated**: 2025-11-20 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # vue3 + ts + pinia + vite ## 项目初始化 #### 获取代码 ```json https://codeup.aliyun.com/5ee323d293b16cdfea1276ae/lhqianduan/ems-web.git ``` #### 环境配置 ##### 1.下载nvm,指定node版本 https://nvm.uihtm.com/doc/install.html 2.操作方法 ```json # 1. 查看所有可用的 Node.js 版本(包括 LTS) nvm list available # 2. 安装最新的 LTS 版本 nvm install lts # 或者安装具体的 LTS 版本号 nvm install 20.11.1 # 3. 使用该版本 nvm use 20.11.1 # 4. 验证安装 node --version npm --version ``` ##### 2.下载依赖 ```json # 1.推荐 pnpm/yarn npm i yarn -g / npm i pnpm -g # 2. 下载 yarn / npm i ``` ##### 3.本地启动 ~~~json yarn dev /npm run dev ~~~ ##### 4.打包 ```json pnpm run build:pro ``` ## 分支策略 ***\*1. 长期分支\**** 1. master:生产环境代码,***\*只能通过合并 release或hotfix 分支更新\**** 2. master-*:同套代码不同端区别使用时,使用“master- + 描述”的方式命名 3. master-test:公司内部测试使用(比如多个输入框可以自己输入域名)。每次从master合并最新代码 1. ***\*短期分支\**** 2. feature/*:新功能开发分支(从 master 创建) 3. release/*:预发布分支(从 master 创建) 4. hotfix/*:紧急修复分支(从 master 创建) 5. test/*:当前内部测试分支(从 master-test 创建,从其他短期分支合并最新代码) 1. ***\*分支名规范:\****以“描述+日期”的方式命名 2. feature/xxx-1022:开发分支日期为**拉取日期** 3. release/xxx-1022:预发布分支 日期为**计划上线日期** ## 特性 - **最新技术栈**:使用 Vue3/vite 等前端前沿技术开发 - **TypeScript**: 应用程序级 JavaScript 的语言 - **主题**: 可配置的主题 - **国际化**:内置完善的国际化方案 - **自定义数据** 内置 Mock 数据方案 - **权限** 内置完善的动态路由权限生成方案 - **组件** 二次封装了多个常用的组件 - **示例** 内置丰富的示例 ## 代码规范 ### 配置格式化文件 ##### 1.前端下载配置Prettier格式化插件 ```json Prettier - Code formatter Format On Save 勾选上 ``` ##### 2.VS code配置 ```json 修改 .vscode/settings.json: // 保存时自动修复 "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" }, // 关闭格式保存,因为你不关心格式 "editor.formatOnSave": false, ``` ## 前序准备 - [node](http://nodejs.org/) 和 [git](https://git-scm.com/) - 项目开发环境 - [Vite4](https://vitejs.dev/) - 熟悉 vite 特性 - [Vue3](https://v3.vuejs.org/) - 熟悉 Vue 基础语法 - [TypeScript](https://www.typescriptlang.org/) - 熟悉 `TypeScript` 基本语法 - [Es6+](http://es6.ruanyifeng.com/) - 熟悉 es6 基本语法 - [Vue-Router-Next](https://next.router.vuejs.org/) - 熟悉 vue-router 基本使用 - [Element-Plus](https://element-plus.org/) - element-plus 基本使用 - [Mock.js](https://github.com/nuysoft/Mock) - mockjs 基本语法 - [Pinia](https://pinia.vuejs.org/zh/introduction.html) - 熟悉 pinia基础语法 - [文档地址 Github](https://element-plus-admin-doc.cn/) ### 3 分钟了解如何进入开发 欢迎使用云效代码管理 Codeup,通过阅读以下内容,你可以快速熟悉 Codeup ,并立即开始今天的工作。 ### 提交**文件** Codeup 支持两种方式进行代码提交:网页端提交,以及本地 Git 客户端提交。 * 如需体验本地命令行操作,请先安装 Git 工具,安装方法参见[安装Git](https://help.aliyun.com/document_detail/153800.html)。 * 如需体验 SSH 方式克隆和提交代码,请先在平台账号内配置 SSH 公钥,配置方法参见[配置 SSH 密钥](https://help.aliyun.com/document_detail/153709.html)。 * 如需体验 HTTP 方式克隆和提交代码,请先在平台账号内配置克隆账密,配置方法参见[配置 HTTPS 克隆账号密码](https://help.aliyun.com/document_detail/153710.html)。 现在,你可以在 Codeup 中提交代码文件了,跟着文档「[__提交第一行代码__](https://help.aliyun.com/document_detail/153707.html?spm=a2c4g.153710.0.0.3c213774PFSMIV#6a5dbb1063ai5)」一起操作试试看吧。 ### 进行代码检测 开发过程中,为了更好的维护你的代码质量,你可以开启 Codeup 内置开箱即用的「[代码检测服务](https://help.aliyun.com/document_detail/434321.html)」,开启后提交或合并请求的变更将自动触发检测,识别代码编写规范和安全漏洞问题,并及时提供结果报表和修复建议。 ### 开展代码评审 功能开发完毕后,通常你需要发起「[代码评审并执行合并](https://help.aliyun.com/document_detail/153872.html)」,Codeup 支持多人协作的代码评审服务,你可以通过「[保护分支设置合并规则](https://help.aliyun.com/document_detail/153873.html?spm=a2c4g.203108.0.0.430765d1l9tTRR#p-4on-aep-l5q)」策略及「[__合并请求设置__](https://help.aliyun.com/document_detail/153874.html?spm=a2c4g.153871.0.0.3d38686cJpcdJI)」对合并过程进行流程化管控,同时提供在线代码评审及冲突解决能力,让评审过程更加流畅。 ### 成员协作 是时候邀请成员一起编写卓越的代码工程了,请点击左下角「成员」邀请你的小伙伴开始协作吧! ### 更多 Git 使用教学、高级功能指引等更多说明,参见[Codeup帮助文档](https://help.aliyun.com/document_detail/153402.html)。