2024年Web前端最新vue-cli4中使用eslint，保存时自动格式，2024年最新阿里二面是什么

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档

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

},

“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”,

然后执行：cnpm install

vue.config.js文件里面lintOnSave改成"warning"

根目录添加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

}

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

“array-bracket-spacing”: [

2,

“never”

], // 强制数组方括号中使用一致的空格

“quotes”: [

0,

“double”

], // 强制使用一致的反勾号、双引号或单引号

“arrow-spacing”: [

2,

{

“before”: true,

“after”: true

}

],

“vue/max-attributes-per-line”:0,

“no-var”: 2, //禁用var，用let和const代替

“no-mixed-spaces-and-tabs”: 2, // 禁止空格和 tab 的混合缩进

“no-trailing-spaces”: 1, // 禁用行尾空格

“no-unexpected-multiline”: 2, // 禁止出现令人困惑的多行表达式

“no-unused-vars”: [

2,

{

“vars”: “all”,

“args”: “none”

}

], // 禁止出现未使用过的变量

“vue/html-indent”: [

0,

“tab”

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

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

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

[外链图片转存中…(img-kXQHYCvX-1715433165680)]

[外链图片转存中…(img-8dEEav8G-1715433165680)]