MeteorCat

初始项目搭建 这里实际上参照之前 Vue+ElementUI脚手架搭建 速成搭建项目, 但是需要对自身定制化处理时候就太过复杂, 裁剪之后发现太多没用的依赖并且业务依赖也比较复杂, 所以审视之后发现还是自己重新初始化再编写业务方便. 另外默认 ElementUI 是没有 CssBaseline 的 CSS 初始化组件, 并且找到模板也是依赖 iframe 渲染 基本上先引入以下这些已经足够编写基础框架, 后续就是按照自己方法扩展: # 构建个Vue项目, 这里构建 fusion-admin 基础库 npm create vue@latest # 正式依赖 npm install mitt vue-router pinia pinia-plugin-persistedstate axios echarts lodash-es --save # 开发依赖 npm install @tsconfig/node22 @types/node @vitejs/plugin-vue @vue/eslint-config-prettier @vue/eslint-config-typescript @vue/tsconfig eslint eslint-plugin-vue jiti npm-run-all2 prettier typescript vite vite-plugin-vue-devtools vue-tsc unplugin-auto-import unplugin-vue-components @types/lodash-es esbuild --save-dev 最后生成主要配置 package.json : { "name": "fusion-admin", "version": "0.

Vue+ElementUI脚手架搭建 因为最近需要渠道商需要单独处理管理系统提供对账处理, 所以需要速成搭建项目且公司内部主要技术栈在 Vue+ElementUI 上, 所以最后项目选型就确定下来开始速成开发. 所以直接从头构建配置好项目应该没问题: # 安装 vue-cli 命令行工具进入项目初始化配置 npm create vue@latest # 构建项目 fusion-vue 就行 # ✔ Project name(项目目录): … fusion-vue # ✔ Add TypeScript?(是否采用typescript,看个人习惯) … No # ✔ Add JSX Support?(是否支持JSX, 一般不需要) … No # ✔ Add Vue Router for Single Page Application development?(VueRouter单页开发,后续手动追加) … No # ✔ Add Pinia for state management?(引入Pinia状态管理) … No # ✔ Add Vitest for Unit testing?(Vitest作为单元测试) … No # ✔ Add an End-to-End Testing Solution?