使用 vue3 + vuex4 + ts + vite 搭建框架流程记录

使用 vue3 + vuex4 + ts + vite 搭建框架流程记录

项目地址

搭建参考参考地址

1、 @types/node 搭建基本的node环境

2、 eslint
https://blog.csdn.net/fu983531588/article/details/109333898

3、setup中使用async await，需要父组件添加suspense标签

4、Delete ␍eslint(prettier/prettier) 错误的解决方案
参考地址

5、解决font property font-family does not have generic default

编辑器在提醒你，CSS font-famiy需要配置用来 fallback 的 generic-name。generic-name不是指某一款字体，而是一类风格字体。例如: serif,sans-serif,monospace 等。相关链接:http://www.w3.org/TR/CSS21/fonts.html#generic-font-families加上generic-family就好了，中文用serif 或 sans-serif。示例body{font-family:”宋体”，serif;}

6、解决：@import '~element-plus/lib/theme-chalk/index.css';引用elemen-plus失败的问题

alias: [  { find: '@', replacement: resolve('./src') },  { find: '_c', replacement: resolve('./src/components') },  { find: '_v', replacement: resolve('./src/views') },  {    find: /~(.+)/,    replacement: join(process.cwd(), 'node_modules/$1')  }]

还在完善欢迎吐槽~