up. eslint 相关

wdssmq · May 19, 2024 · 83184fd · 83184fd
1 parent 5ec3222
commit 83184fd
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 14 deletions.
diff --git a/_posts/2021-09-02-How-To-Use-ESLint.md b/_posts/2021-09-02-How-To-Use-ESLint.md
@@ -37,6 +37,7 @@ ESLint - Pluggable JavaScript linter - ESLint 中文：
 ```bash
 # 安装 cnpm
 npm install -g cnpm --registry=https://registry.npmmirror.com
+
 ```
 
 使用 `cnpm 沉冰浮水` 仍然搜索不到匹配，/哭；
@@ -74,6 +75,8 @@ cnpm init @eslint/config
 # eslint --init
 # 所在目录如果没有 package.json 可能会报错，`npm init` 创建；
 
+# 注：后续选项以实际为准
+
 # 选项一 - 如何使用 ESLint
 ? How would you like to use ESLint? …
   To check syntax only
@@ -239,10 +242,8 @@ module.exports = {
         'module': 'readonly',
         'require': 'readonly',
     },
-    // 规则定义
+    // 规则定义，按实际需要修改
     'rules': {
-        /* 相对通用的规则 */
-
         // 缩进
         'indent': [
             'error',
@@ -278,7 +279,7 @@ module.exports = {
             }
         ],
 
-        /* 以下按需配置 */
+        /* ---------------- */
 
         // 对象或数组的拖尾逗号
         // always-multiline 表示只有在多行时才需要拖尾逗号
@@ -293,6 +294,7 @@ module.exports = {
             1,
             'as-needed',
             {
+                // requireForBlockBody 表示在块体中需要括号
                 'requireForBlockBody': true
             },
         ],
@@ -307,12 +309,12 @@ module.exports = {
         ],
 
         // 函数圆括号之前的空格
-        // anonymous: "never" 表示匿名函数不允许空格
-        // named: "never" 表示命名函数不允许空格
+        // 分别对匿名函数、异步箭头函数、命名函数设置
         'space-before-function-paren': [
             1,
             {
                 'anonymous': 'never',
+                'asyncArrow': 'always',
                 'named': 'never'
             },
         ],

diff --git a/_posts/2023-10-07-Just-Note.md b/_posts/2023-10-07-Just-Note.md
@@ -47,36 +47,45 @@ const fnAsyncArrow = async () => {
 
 **· VSCode 配置：**
 
-快捷键 `ctrl + ,` 打开设置，搜索 `Insert Space Before Function`，会有五个选项，取消下边选项的勾选即可：
+快捷键 `ctrl + ,` 打开设置，搜索 `Insert Space After Function Keyword`，可以分别对 JavaScript 和 TypeScript 设置：
 
 > JavaScript > Format: Insert Space After Function Keyword For Anonymous Functions
 > [ ] 定义匿名函数的函数关键字后面的空格处理。
 
+> TypeScript > Format: Insert Space After Function Keyword For Anonymous Functions
+> [ ] 定义匿名函数的函数关键字后面的空格处理。
+
+**↑ 勾选表示加上空格，不选表示不加；**
+
+
 对应的 JSON 配置如下：
 
 ```json
 {
-  "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false
+  "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false,
+  "typescript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": false
 }
 
 ```
 
-然而问题是，只对 JS 有效？？？
-
 **· ESLint 配置：**
 
+
+> 「折腾」ESLint 安装与使用\_电脑网络\_沉冰浮水
+>
+> [https://www.wdssmq.com/post/20190917021.html](https://www.wdssmq.com/post/20190917021.html "「折腾」ESLint 安装与使用\_电脑网络\_沉冰浮水")
+
+
 ```js
 {
   'rules': {
     // 函数圆括号之前的空格要求
     'space-before-function-paren': [
         1,
         {
-          'named': 'never',
-          // ↓ 预想是设置为 never，但是 VSCode 总是给加上 (╯﹏╰）
-          'anonymous': 'always',
+          'anonymous': 'never',
           'asyncArrow': 'always',
-          // ↑ 其实三个选项的默认值都是 always，可以看情况省略
+          'named': 'never',
         },
     ],
   }