前端框架搭建——从零到一搭建一个高颜值Vue3后台管理系统(一)

从零到一搭建一个高颜值Vue3后台管理系统的初期步骤包括：

明确项目目的：
- 目的：为了更方便地满足自定义需求，同时分享搭建经验和心得。
- 定位：非急功近利，计划持续更新和完善。
确定技术栈：
- 主要采用Vue3及相关技术栈进行开发。
初始化项目：
- .editorconfig文件：控制编辑器行为，确保代码风格一致。需安装EditorConfig for VS Code插件。
设置代码格式和风格：
- .eslintrc.js文件：配置ESLint，用于修复代码格式错误。
- 安装相关依赖：包括eslint、eslintconfigprettier、eslintdefineconfig、eslintpluginprettier、eslintpluginvue、@typescripteslint/eslintplugin、@typescripteslint/parser、@vue/eslintconfigtypescript等。
TypeScript配置：
- tsconfig.json文件：配置TypeScript编译选项。
代码提交前的自动化检查：
- husky：在提交代码前自动执行格式化、检查提交规范等操作。需先初始化git。
commitlint约束：
- 用于规范commit信息，确保每次提交都有明确的描述和目的。

后续步骤：后续将继续讨论项目的具体搭建过程，包括Vue3组件的创建、路由配置、状态管理、API接口对接等。

热门标签