推荐使用 Notion Boost 插件开启 OUTLINE 大纲阅读。

推荐开发工具

VSCode + Volar

集成说明

• 技术栈：vue 3.x、vite 3.x、pinia 2.x、Vue Router 4.x、TypeScript 4.x 等
• 代码风格检查约束：ESLint + Prettier、husky + lint-staged
• 环境相关配置
• 浏览器兼容性
• 打包分析：rollup-plugin-visualizer 插件
• svg 图片：SvgIcon 组件、vite-plugin-svg-icons 插件
• ...

搭建步骤

创建项目

1. yarn create vite
2. 选择 vue
3. 选择 vue-ts

代码风格约束

配置 ESLint

• 相关包

方式1： 根据提示完成配置；

先安装 eslint yarn add eslint -D，然后执行 npx eslint --init，按照提示选择。