最新版本尚硅谷硅谷甄选1-40集问题解析汇总

上次的网站只差个购物车，也不难，就是排版一下加vuex数据交互，之后一直忙着做worldquant的研究顾问的申请（难度很低，但要作为兼职赚到很多钱得看天分），交代的任务和alpha都毫无难度，花了一点时间。网站虽然没有难度了，但是设计和排版应该占后期大头，作为侧重前端的开发，专研spring性价比较低，所以转战尚硅谷ts+vue3+pina后台管理项目，csdn上有很多各类的学习笔记，但都为了迎合教程的版本不报错而特地去下了老旧版本的各类工具，其实只要掌握基本的原理和方法，再稍微去网站上看一下所有的报错都可以解决，我直接使用最新版本的各类工具来实现它，并修改出现的所有bug。
第二集：主要讲述vue3和vue2的props的用法区别，缺少编程实践的同学可以练一下，不要光看。
第三第四集：讲述vue3中事件与vue2的区别，虽然在vue3中可以沿用vue2的写法，但规范的使用组合式api没有this这个变量。
其他集都大同小异，讲vue3的组件通信方法，大概看一眼，后面用到再查（基础差的可以写着练练）
第十四集：安装pnpm,安装过程遇到问题参考博文：https://blog.csdn.net/qq_60582586/article/details/134326231。
第十五集：直接安装eslint最新版，基本的功能能用就行，不用和教程一样，但是要了解它的使用原理和作用。
第十六集：更新了格式化工具prettier的使用，用处在于保证代码美观
第十七集：styleLint用于样式检查，这个入职的人根据自己需求选用，懒得弄，pass。有一点需要注意，老师教的工具没必要每个都安装使用看文档
第十八集：同上，项目husky类似于强制性的eslint fix,pass。
第二十二集：使用path模块配置别名，用来防止“…/…/…/src”这样的路径（仅限大文件夹），如果找不到path的话运行 pnpm install @types/node --save-dev就可以安装上。
第二十四集：新版本的svg直接将xmls:href直接改为href即可，import “virtual:svg-icons”会报错，但不影响使用，这是因为很多模块还是使用js,还没迁移到ts来，所以类型检查会报错，方便起见直接使用//@ignore，fill改变不了的话将svg里面的fill属性删除即可。
第二十六集：使用css或者sass或者less都不重要，用sass的话，正常运行项目，缺啥装啥，我出现的报错是[vite] Internal server error: Preprocessor dependency “sass-embedded” not found. Did you install it? Try pnpm add -D sass-embedded.，按照命令安装即可。新版本sass里面的@import改为@use。还有一些因为版本更新造成的问题，比如vite.config.js里面scss选项读取不了./src要用@替代，或者引用全局scss变量要加文件名比如variable.$color,都一一改好。
第二十七集：vite的mock接口写法更新以后为enable:command===‘serve’。
第三十一集：如果出现登录按钮的样式跟视频里的不一样，那是因为reset.scss的样式在更新，里面的按钮默认颜色设置了transparent,把它删除以后就可以使用el-button的按钮样式且不会被覆盖了。
第三十二集：这里按老师代码修改会发现找不到message的报错信息但不影响运行，这是因为前后端交互时，前端代码里没有message属性，使用mock接口返回以后才会有，这个报错不用管它。看着不顺眼可以加个判断来把它去掉。
第三十七集：如果引用全局变量报错，只要将vite.config.ts里的@import scss文件改为@use scss文件 as *即可。
第三十九集：这里使用background-color就行，官方文档里的–bg-color有问题，世界就是草台帮子，不要迷信官网。
第四十集：写的时候会发现照原代码写会发现！判断无法生效，多一个/的路径。将template换成el-menu即可。递归组件export default和后面{}中间要加一个空格。