vue3 合同管理

合同管理 Demo,采用 vite+vue3+pinia+ts+sass

软件架构说明

== git 版本控制使用 == 1.1 git clone https://gitee.com/xxxx/xxxx.git 1.2 使用 add 将选定的文件添加至缓存区=> git add . 1.3 使用 status 查看当前仓库的状态=> git status 1.4 使用 commit 提交=> git commit -m "xxxx" 1.5 使用 push 将代码提交至远程仓库=> git push
安装 vite+ts 框架 2.1 pnpm create vite 2.2 pnpm install 2.3 pnpm run dev
安装 sass 3.1 pnpm install sass -D 3.2 配置全局变量 3.2.1 创建全局样式文件 src/assets/styles/variable.scss 3.2.2 配置 vite.config.ts \Rightarrow ''' import { defineConfig } from 'vite'; // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], css: { //预处理选项 preprocessorOptions: { scss: { //附加的数据,全局变量 additionalData: '@import "./src/assets/styles/variable.scss";', }, }, }, }); ''' 3.3 配置全局 reset.scss 及 bem.scss 3.3.1 创建全局文件 src/assets/styles/index.scss 3.3.2 在 main.ts 中设置引入全局 index.scss 文件

配置路径别名 4.1 在 tsconfig.json 中配置,避免 ts 检查出错 => ''' "baseUrl": "./", "paths": { "@/": ["src/"] }, ''' 4.2 在 vite.config.ts 中配置路径别名,避免路径找不到问题 4.2.1 配置 src 路径别名 ''' import { resolve } from "path"; //解析 resolve: { //后缀名 extensions: [".js", ".json", ".ts", ".vue"], //路径别名，方便路径引入 alias: { "@": resolve(__dirname, "src"), }, }, '''
安装组件库 element-plus @>>>$\color{#f00}{pnpm\quad install\quad element-plus \quad -S}$
安装路由 vue-router @>>> pnpm install vue-router -S
安装网络请求 axios @>>> pnpm install axios -S
安装状态管理 pinia @>>> pnpm install pinia -S

hzqhxy / vue3合同管理