2024-05-30 20:04:55 +08:00
|
|
|
|
```json
|
2024-05-30 19:07:35 +08:00
|
|
|
|
{
|
|
|
|
|
|
|
|
|
|
<!-- 项目名称 -->
|
|
|
|
|
|
|
|
|
|
"name": "dykj",
|
|
|
|
|
|
|
|
|
|
<!-- 项目的版本号 -->
|
|
|
|
|
|
|
|
|
|
"version": "0.0.0",
|
|
|
|
|
|
|
|
|
|
<!-- 表示这是一个私有项目,不会被发布到公共npm仓库。 -->
|
|
|
|
|
|
|
|
|
|
"private": true,
|
|
|
|
|
|
|
|
|
|
<!-- 表示这是一个私有项目,不会被发布到公共npm仓库。 -->
|
|
|
|
|
|
|
|
|
|
"type": "module",
|
|
|
|
|
"scripts": {
|
|
|
|
|
|
|
|
|
|
<!-- 运行开发服务器,使用Vite作为开发环境。 -->
|
|
|
|
|
|
|
|
|
|
"dev": "vite",
|
|
|
|
|
|
2024-05-30 20:17:51 +08:00
|
|
|
|
<!-- 构建项目,先执行类型检查,然后执行构建命令。这里使用run - p(可能是npm - run - all的一个别名)来并行运行多个脚本。 -->
|
2024-05-30 19:07:35 +08:00
|
|
|
|
|
|
|
|
|
"build": "run-p type-check \"build-only {@}\" --",
|
|
|
|
|
|
|
|
|
|
<!-- 在本地预览生产构建的应用 -->
|
|
|
|
|
|
|
|
|
|
"preview": "vite preview",
|
|
|
|
|
|
|
|
|
|
<!-- 单独执行构建操作 -->
|
|
|
|
|
|
|
|
|
|
"build-only": "vite build",
|
|
|
|
|
|
|
|
|
|
<!-- 使用vue - tsc强制进行类型检查。 -->
|
|
|
|
|
|
|
|
|
|
"type-check": "vue-tsc --build --force",
|
|
|
|
|
|
|
|
|
|
<!-- lint": "eslint . --ext ...": 运行ESLint对项目进行代码规范检查,并自动修复问题,支持多种文件扩展名。 -->
|
|
|
|
|
|
|
|
|
|
"lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
|
|
|
|
|
|
|
|
|
|
<!-- 使用Prettier格式化src/目录下的所有文件。 -->
|
|
|
|
|
|
|
|
|
|
"format": "prettier --write src/"
|
|
|
|
|
|
|
|
|
|
<!--TypeScript项目提供的类型检查器。 -->
|
|
|
|
|
|
|
|
|
|
"ts:check": "vue-tsc --noEmit",
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
"dependencies": {
|
|
|
|
|
|
|
|
|
|
<!-- 状态管理库,Vue中的轻量级状态管理解决方案。 -->
|
|
|
|
|
|
|
|
|
|
"pinia": "^2.1.7",
|
|
|
|
|
|
|
|
|
|
<!-- Vue框架的核心库。 -->
|
|
|
|
|
|
|
|
|
|
"vue": "^3.4.21",
|
|
|
|
|
|
|
|
|
|
<!-- Vue的路由管理库。 -->
|
|
|
|
|
|
|
|
|
|
"vue-router": "^4.3.0"
|
|
|
|
|
|
|
|
|
|
<!-- ui框架 -->
|
|
|
|
|
|
|
|
|
|
"element-plus": "^2.7.3",
|
|
|
|
|
|
|
|
|
|
<!--图表 -->
|
|
|
|
|
|
|
|
|
|
"echarts": "^5.5.0",
|
|
|
|
|
|
|
|
|
|
<!--@wangeditor/editor 及 @wangeditor/editor-for-vue: 分别是WangEditor的核心库和针对Vue的适配组件,WangEditor是一个轻量级的Web富文本编辑器,适用于构建需要文本编辑功能的应用。 -->
|
|
|
|
|
|
|
|
|
|
"@wangeditor/editor": "^5.1.23",
|
|
|
|
|
"@wangeditor/editor-for-vue": "^5.1.10"
|
|
|
|
|
|
|
|
|
|
<!-- cropperjs: 一个易用的图片裁剪JavaScript库,可以在Web应用中提供图片裁剪功能。 -->
|
|
|
|
|
|
|
|
|
|
"cropperjs": "^1.6.1",
|
|
|
|
|
|
|
|
|
|
<!--代码高亮库,支持多种编程语言的语法高亮显示。 -->
|
|
|
|
|
|
|
|
|
|
"highlight.js": "^11.9.0",
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
"devDependencies": {
|
|
|
|
|
|
|
|
|
|
<!-- 一个用于修补ESLint与某些 TypeScript 工具集成时可能遇到的问题的库,版本"^1.8.0"表示兼容1.8.0及以上的版本。 -->
|
|
|
|
|
|
|
|
|
|
"@rushstack/eslint-patch": "^1.8.0",
|
|
|
|
|
|
|
|
|
|
<!-- 提供了一个针对Node.js 20版本的TS配置文件,简化了TypeScript配置,"^20.1.4"指定了使用的版本范围。 -->
|
|
|
|
|
|
|
|
|
|
"@tsconfig/node20": "^20.1.4",
|
|
|
|
|
|
|
|
|
|
<!-- Node.js的TypeScript类型声明文件,让TypeScript能更好地理解和验证Node.js的API调用,"^20.12.5"指定了版本兼容范围。 -->
|
|
|
|
|
|
|
|
|
|
"@types/node": "^20.12.5",
|
|
|
|
|
|
|
|
|
|
<!-- Vue官方提供的ESLint配置,帮助遵循Vue和TypeScript的最佳实践,"^9.0.0"和"^13.0.0"是各自的版本要求。 -->
|
|
|
|
|
|
|
|
|
|
"@vue/tsconfig": "^0.5.1",
|
|
|
|
|
|
|
|
|
|
<!-- 一个强大的JavaScript和TypeScript代码质量工具,"^8.57.0"指定了版本。 -->
|
|
|
|
|
|
|
|
|
|
"eslint": "^8.57.0",
|
|
|
|
|
|
|
|
|
|
<!-- 为ESLint提供Vue.js相关的规则和解析器,"^9.23.0"指定了版本。 -->
|
|
|
|
|
|
|
|
|
|
"eslint-plugin-vue": "^9.23.0",
|
|
|
|
|
|
|
|
|
|
<!-- 一个npm脚本任务的运行工具,允许你并行或顺序执行多个脚本,"^6.1.2"指定了版本。注意:正式的包名为npm-run-all,这里的“2”可能是笔误。 -->
|
|
|
|
|
|
|
|
|
|
"npm-run-all2": "^6.1.2",
|
|
|
|
|
|
|
|
|
|
<!-- 一个代码格式化工具,确保团队代码风格的一致性,"^3.2.5"指定了版本。 -->
|
|
|
|
|
|
|
|
|
|
"prettier": "^3.2.5",
|
|
|
|
|
|
|
|
|
|
<!-- 编程语言TypeScript的编译器,提供了对JavaScript的强大类型检查和更现代的语法支持,"~5.4.0"意味着使用5.4.0版本或其补丁更新版 -->
|
|
|
|
|
|
|
|
|
|
"typescript": "~5.4.0",
|
|
|
|
|
|
|
|
|
|
<!-- 一个由Vue.js作者尤雨溪开发的现代化的前端构建工具,用于快速开发和优化Web应用,"^5.2.8"指定了版本。 -->
|
|
|
|
|
|
|
|
|
|
"vite": "^5.2.8",
|
|
|
|
|
|
|
|
|
|
<!-- 一个专为Vue项目的TypeScript类型检查和错误报告工具,"^2.0.11"指定了版本。 -->
|
|
|
|
|
|
|
|
|
|
"vue-tsc": "^2.0.11"
|
|
|
|
|
|
|
|
|
|
<!--@typescript-eslint/eslint-plugin, @typescript-eslint/parser: ESLint的插件和解析器,专为TypeScript项目设计,提供更准确的代码质量检查。 -->
|
|
|
|
|
|
|
|
|
|
"@typescript-eslint/eslint-plugin": "^7.1.0",
|
|
|
|
|
"@typescript-eslint/parser": "^7.1.0",
|
|
|
|
|
|
|
|
|
|
<!--@vitejs/plugin-legacy, @vitejs/plugin-vue, @vitejs/plugin-vue-jsx: Vite的官方插件,分别用于支持老旧浏览器兼容、Vue和Vue JSX的编译和优化。 -->
|
|
|
|
|
|
|
|
|
|
"@vitejs/plugin-legacy": "^5.3.1",
|
|
|
|
|
"@vitejs/plugin-vue": "^5.0.4",
|
|
|
|
|
"@vitejs/plugin-vue-jsx": "^3.1.0",
|
|
|
|
|
|
|
|
|
|
<!--eslint, eslint-config-prettier, eslint-plugin-prettier, eslint-plugin-vue: ESLint相关依赖,用于JavaScript和Vue项目的代码风格检查和格式化。 -->
|
|
|
|
|
|
|
|
|
|
"eslint-config-prettier": "^9.1.0",
|
|
|
|
|
"eslint-plugin-prettier": "^5.1.3",
|
|
|
|
|
"eslint-plugin-vue": "^9.22.0",
|
|
|
|
|
|
|
|
|
|
<!--prettier, prettier-eslint: 代码格式化工具,确保代码风格统一。 -->
|
|
|
|
|
|
|
|
|
|
"prettier": "^3.2.5",
|
|
|
|
|
"prettier-eslint": "^16.3.0",
|
|
|
|
|
|
|
|
|
|
<!-- sass: CSS预处理器,增加了变量、嵌套规则、混合、继承等特性。 -->
|
|
|
|
|
|
|
|
|
|
"sass": "^1.69.5"
|
|
|
|
|
|
|
|
|
|
<!-- vite-plugin-compression, vite-plugin-ejs, vite-plugin-eslint, vite-plugin-progress, vite-plugin-purge-icons, vite-plugin-svg-icons, vite-plugin-top-level-await: Vite的各种插件,分别用于资源压缩、EJS模板支持、ESLint集成、构建进度显示、图标自动清理、SVG图标集成、顶级await支持等。 -->
|
|
|
|
|
|
|
|
|
|
"vite-plugin-compression": "^0.5.1",
|
|
|
|
|
"vite-plugin-ejs": "^1.7.0",
|
|
|
|
|
"vite-plugin-eslint": "^1.8.1",
|
|
|
|
|
"vite-plugin-progress": "^0.0.7",
|
|
|
|
|
"vite-plugin-purge-icons": "^0.10.0",
|
|
|
|
|
"vite-plugin-svg-icons": "^2.0.1",
|
|
|
|
|
"vite-plugin-top-level-await": "^1.3.1",
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
<!-- 行在你的项目package.json文件中表示该项目所采用的许可证类型。MIT许可是一种广泛使用的开源软件许可证,它允许用户自由地使用、修改及分发软件,既可用于商业目的也可以是非商业目的。该许可证对软件使用者的限制极少,基本上只要求保留学术署名和免责声明即可。这意味着采纳MIT许可的项目具有很高的开放性和灵活性,对于促进软件共享和协作是非常友好的。 -->
|
|
|
|
|
|
|
|
|
|
"license": "MIT",
|
|
|
|
|
|
|
|
|
|
<!-- node版本号 -->
|
|
|
|
|
|
|
|
|
|
"engines": {
|
|
|
|
|
"node": ">= 16.0.0",
|
|
|
|
|
}
|
2024-05-30 20:04:43 +08:00
|
|
|
|
```
|