最后
面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
二、Eslint配置代码风格
1、环境同步
1、禁用Prettier插件(如果安装了)
2、安装Eslint插件,并配置保存时自动修复
2.1、步骤
(1)打开vscode设置
(2)点击右上角配置
(3)设置"source.fixAll"为true
2、配置文件 .eslintrc.cjs
//将以下代码加入到eslinterc.cjs钟,实现代码规范化配置
rules: {
‘prettier/prettier’: [
‘warn’,
{
singleQuote: true, // 单引号
semi: false, // 无分号
printWidth: 80, // 每行宽度至多80字符
trailingComma: ‘none’, // 不加对象|数组最后逗号
endOfLine: ‘auto’ // 换行符号不限制(win mac 不一致)
}
],
‘vue/multi-word-component-names’: [
‘warn’,
{
ignores: [‘index’] // vue组件名称多单词组成(忽略index.vue)
}
],
‘vue/no-setup-props-destructure’: [‘off’], // 关闭 props 解构的校验
// 💡 添加未定义变量错误提示,create-vue@3.6.3 关闭,这里加上是为了支持下一个章节演示。
‘no-undef’: ‘error’
}
三、配置代码检查工作流
1、配置代码提交前检查
0、打开bash终端
1、初始化git仓库
——执行git init
2、初始化husky工具配置
——执行
pnpm dlx husky-init && pnpm install
3、修改.husky/pre-commit文件
将npm test
修改为pnpm lint
//pnpm lint会对所有文件进行校验,并尝试进行修复
2、暂存区eslint校验
1、概念
由于lint是全量校验,而面对历史问题没有办法,所以引出了eslint校验
2、使用
2.1、安装int-staged
最后
面试题千万不要死记,一定要自己理解,用自己的方式表达出来,在这里预祝各位成功拿下自己心仪的offer。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
4bb5a486d4c3ab8389e65ecb71ac0)**
[外链图片转存中…(img-Kb3LnFVq-1715709266486)]
[外链图片转存中…(img-dm7D8gPS-1715709266487)]
[外链图片转存中…(img-fRrPUfzY-1715709266488)]
[外链图片转存中…(img-HqU8mKVU-1715709266488)]