2024年最全vue-cli4项目开启eslint保存时自动格式问题，互联网大厂100道前端面试题助你冲关金三银四

紧跟潮流

大前端和全栈是以后前端的一个趋势，懂后端的前端，懂各端的前端更加具有竞争力，以后可以往这个方向靠拢。

这边整理了一个对标“阿里 50W”年薪企业高级前端工程师成长路线，由于图片太大仅展示一小部分

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

“editor.tabSize”: 2,

“eslint.alwaysShowStatus”: true,

“eslint.autoFixOnSave”: true,

“eslint.packageManager”: “yarn”,

“eslint.validate”: [

“javascript”, // 用eslint的规则检测js文件

{

“language”: “js”,

“autoFix”: true

},

{

“language”: “vue”,

“autoFix”: true

},

],

“eslint.options”: {

“extensions”: [

“.js”,

“.vue”

]

},

“editor.codeActionsOnSave”: {

“source.fixAll.eslint”: true

},

“eslint.run”: “onSave”,

“files.autoSaveDelay”: 3000,

“eslint.codeAction.disableRuleComment”: {

},

“files.autoSave”: “off”,

项目中安装eslint

在package.json文件中的devDependencies里面添加

“@vue/cli-plugin-eslint”: “~4.4.0”,

“babel-eslint”: “^10.1.0”,

“eslint”: “^6.7.2”,

“eslint-plugin-vue”: “^6.2.2”,

根目录添加eslint配置文件.eslintrc.js

内容根据需要修改

module.exports = {

“root”: true,

“env”: {

“node”: true

},

“extends”: [

“plugin:vue/recommended”,

“eslint:recommended”

],

“rules”: {

“indent”: [“error”, 2],

“dot-location”: [

2,

“property”

],

“comma-spacing”: [1],

“space-before-blocks”: [

2,

“always”

], // 强制在块之前使用一致的空格

“space-unary-ops”: [

2,

{

“words”: true,

“nonwords”: false

}

], // 强制在一元操作符前后使用一致的空格

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。