Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
CSDN 技术社区
skill_tree_vue
提交
60312afd
S
skill_tree_vue
项目概览
CSDN 技术社区
/
skill_tree_vue
通知
5
Star
2
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
S
skill_tree_vue
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
60312afd
编写于
4月 22, 2022
作者:
Z
zhaoss
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
2.4.5小节习题、关键字添加
上级
614da781
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
74 addition
and
0 deletion
+74
-0
data/2.Vue中阶/4.Vue-cli/5.ESLint语法规则插件配置/exercises.json
data/2.Vue中阶/4.Vue-cli/5.ESLint语法规则插件配置/exercises.json
+8
-0
data/2.Vue中阶/4.Vue-cli/5.ESLint语法规则插件配置/exercises.md
data/2.Vue中阶/4.Vue-cli/5.ESLint语法规则插件配置/exercises.md
+66
-0
未找到文件。
data/2.Vue中阶/4.Vue-cli/5.ESLint语法规则插件配置/exercises.json
0 → 100644
浏览文件 @
60312afd
{
"type"
:
"code_options"
,
"author"
:
null
,
"source"
:
"exercises.md"
,
"notebook_enable"
:
false
,
"exercise_id"
:
"969161f2a20c46d2a50cf9f25d2f3b3e"
}
\ No newline at end of file
data/2.Vue中阶/4.Vue-cli/5.ESLint语法规则插件配置/exercises.md
0 → 100644
浏览文件 @
60312afd
# ESLint语法规则插件配置
<div
style=
"color: pink;"
>
小常识:
</div>
<br>
在我们使用Vue脚手架 创建项目时 尤其是团队共同开发项目时 会按照一个共同的代码规范来编程 创建Vue脚手架中有一个.eslintrc.js格式 但是在编程中我们通常会使用 shift+alt+f 进行代码格式化 但是由于格式化后的代码 与Vue中的.eslintrc规范不协调 尤其是 “” ; 以及空格的把控
![
在这里插入图片描述
](
https://img-blog.csdnimg.cn/20200507161958790.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70
)
以上就是使用不同的代码规范格式代码后的结果
**解决办法:Eslint**
配置Eslint
他是VScode中的一个插件
#### 1.安装插件
![
在这里插入图片描述
](
https://img-blog.csdnimg.cn/20200507162345986.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70
)
#### 2.配置如下代码;
![
在这里插入图片描述
](
https://img-blog.csdnimg.cn/20200507162601754.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pIWExf,size_16,color_FFFFFF,t_70
)
```
// 配置 eslint
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.format.enable": true,
//autoFix默认开启,只需输入字符串数组即可
"eslint.validate": [
"javascript",
"vue",
"html"
],
"[vue]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
}
```
**此时,编写 vue 文件时 编写时,就会自动的按照eslint标准语法进行检测,并标注错误 保存代码时,会自动按照 eslint 语法要求对代码进行修复**
<br>
<div
style=
"color: pink;"
>
小测试:
</div
>
关于ESLint以下说法不正确的是?
<br/><br/>
## 答案
对 .eslintrc.js 文件进行修改 ,不需要重启
## 选项
### A
可以使用Eslint插件来辅助开发
### B
ESLint会强制在对象字面量的属性中键和值之间使用一致的间距
### C
ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加更多的规则
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录