vue-19从0到1⾃⼰构架⼀个vue项⽬，说说有哪些步骤、哪些重要 插件、⽬录结构你会怎么组织
-
- 从0创建⼀个项⽬我⼤致会做以下事情：项⽬构建、引⼊必要插件、代码规范、提交规范、常⽤库和组件
-
- ⽬前vue3项⽬我会⽤vite或者create-vue创建项⽬
-
- 接下来引⼊必要插件：路由插件vue-router、状态管理vuex/pinia、ui库我⽐较喜欢element-plus和antdvue、http⼯具我会选axios
-
- 其他⽐较常⽤的库有vueuse，nprogress，图标可以使⽤vite-svg-loader
-
- 下⾯是代码规范：结合prettier和eslint即可
-
- 最后是提交规范，可以使⽤husky，lint-staged，commitlint
-
- ⽬录结构我有如下习惯：
- .vscode ：⽤来放项⽬中的 vscode 配置
- plugins ：⽤来放 vite 插件的 plugin 配置
- public ：⽤来放⼀些诸如 ⻚头icon 之类的公共⽂件，会被打包到dist根⽬录下
- src ：⽤来放项⽬代码⽂件
- api ：⽤来放http的⼀些接⼝配置
- assets ：⽤来放⼀些 CSS 之类的静态资源
- components ：⽤来放项⽬通⽤组件
- layout ：⽤来放项⽬的布局
- router ：⽤来放项⽬的路由配置
- store ：⽤来放状态管理Pinia的配置
- utils ：⽤来放项⽬中的⼯具⽅法类
- views ：⽤来放项⽬的⻚⾯⽂件
