阅读 585

Visual Studio Code 编辑器插件推荐

vscode IDE下载安装

VSCode官网下载缓慢或下载失败的解决办法是用vscode.cdn.azure.cn替换部分下载地址前缀。

依照下面安装插件和配置

Visual Studio Code 推荐安装的插件:

  • Chinese(Simplified) Language
  • ESLint
  • Git Blame
  • indent-rainbow
  • vue
  • vue-beautify
  • Sass
  • Auto Close Tag
  • Auto Rename Tag
  • GitLens
  • Rainbow-Tags
  • 韭菜盒子,作为几个伪基民当然少不了喽

下面配置eslint相关保存自动格式化等自定义配置,顺便推荐几个基金😂

配置默认设置 首选项-设置

{
    "editor.fontSize": 12,
    "editor.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "html",
            "autoFix": true
        },
        {
            "language": "vue",
            "autoFix": true
        },
        {
            "language": "css",
            "autoFix": true
        }
    ],
    "eslint.alwaysShowStatus": true,
    "git.ignoreMissingGitWarning": true,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    // "[vue]": {
    //     "editor.defaultFormatter": "octref.vetur"
    // },
    // "[javascript]": {
    //     "editor.defaultFormatter": "HookyQR.beautify"
    // },
    "workbench.sideBar.location": "left",
    "files.associations": {
        "*.cjson": "jsonc",
        "*.wxss": "css",
        "*.wxs": "javascript",
        "*.vue": "vue",
        "*.ttss": "css"
    },
    "emmet.includeLanguages": {
        "wxml": "html",
        "ttml": "html",
        "vue-html": "html",
        "vue": "html",
        "javascript": "javascriptreact",
        "plaintext": "jade"
    },
    "minapp-vscode.disableAutoConfig": true,
    "svn.enableProposedApi": "product",
    "workbench.iconTheme": "material-icon-theme",
    "breadcrumbs.enabled": true,
    "workbench.colorTheme": "Monokai",
    "files.autoSave": "afterDelay",
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "editor.formatOnPaste": true,
    "editor.formatOnType": true,
    "editor.tabSize": 2,
    "diffEditor.renderSideBySide": false,
    "html.autoClosingTags": false,
    "beautify.config": {
        "brace_style": "none,preserve-inline",
        "indent_size": 2,
        "indent_char": " ",
        "jslint_happy": false,
        "unformatted": [
            ""
        ],
        "css": {
            "indent_size": 2
        }
    },
    "beautify.ignore": "",
    "vetur.validation.template": false,
    "[scss]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
       //  "editor.defaultFormatter": "HookyQR.beautify"
    },
    "[javascript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "indentRainbow.indentSetter": {},
    "editor.tokenColorCustomizations": null,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "workbench.editorAssociations": [
    
    ],
    "leek-fund.funds": [
        "519642",
        "519674",
        "320007",
        "001102",
        "002560",
        "001618",
        "005918",
        "001210",
        "004250",
        "150103"
    ],
    "leek-fund.flash-news": true,
    "leek-fund.fundSort": -2,
    "leek-fund.fundAmount": {
        "150103": {
            "name": "银河银泰混合",
            "amount": 301449.96,
            "price": "1.0603",
            "unitPrice": 0,
            "earnings": 1449.96,
            "priceDate": "2021-05-28"
        },
        "320007": {
            "name": "诺安成长混合",
            "amount": 329569,
            "price": "1.7270",
            "unitPrice": 0,
            "earnings": -3244.17,
            "priceDate": "2021-05-28"
        },
        "519642": {
            "name": "银河智造混合",
            "amount": 108613.38,
            "price": "3.1920",
            "unitPrice": 0,
            "earnings": 782.62,
            "priceDate": "2021-05-28"
        },
        "519674": {
            "name": "银河创新成长混合",
            "amount": 550773.25,
            "price": "6.0796",
            "unitPrice": 0,
            "earnings": -7800.11,
            "priceDate": "2021-05-28"
        },
        "002560": {
            "name": "诺安和鑫灵活配置混合",
            "amount": 528020.94,
            "price": "1.4114",
            "unitPrice": 0,
            "earnings": -6060.61,
            "priceDate": "2021-05-28"
        },
        "001618": {
            "name": "天弘中证电子ETF联接C",
            "amount": 202671.31,
            "price": "1.4567",
            "unitPrice": 0,
            "earnings": -1572.17,
            "priceDate": "2021-05-28"
        },
        "005918": {
            "name": "天弘沪深300ETF联接C",
            "amount": 200094.84,
            "price": "1.4769",
            "unitPrice": 0,
            "earnings": -528.38,
            "priceDate": "2021-05-28"
        },
        "001102": {
            "name": "前海开源国家比较优势混合A",
            "amount": 107514.82,
            "price": "4.0920",
            "unitPrice": 0,
            "earnings": -262.74,
            "priceDate": "2021-05-28"
        },
        "001210": {
            "name": "天弘互联网混合",
            "amount": 102599.92,
            "price": "1.1089",
            "unitPrice": 0,
            "earnings": -638.42,
            "priceDate": "2021-05-28"
        },
        "004250": {
            "name": "银河量化优选混合",
            "amount": 49873.6,
            "price": "1.8545",
            "unitPrice": 0,
            "earnings": -126.4,
            "priceDate": "2021-05-28"
        }
    },
    "leek-fund.stocks": [
        "sh000688",
        "sh000001",
        "sh000300",
        "sh000016",
        "hk03690",
        "hk00700",
        "usr_ixic",
        "usr_dji",
        "usr_inx",
        "sh518880",
        "sh512480"
    ],
    "leek-fund.immersiveBackground": true,
    "leek-fund.stockSort": -1,
    "gitlens.advanced.blame.customArguments": []
}
复制代码

开启eslint后若 ctrl+s(win) command+s(mac) 保存eslint自格式化若未生效,点击编辑窗口下边栏右边eslint 允许启用即可。

快捷键推荐

第一部分:文件

  • Ctrl+N 新建文件
  • Ctrl+Shift+N 新建窗口
  • Ctrl+O 打开文件
  • Ctrl+T 打开最近的文件

第二部分:编辑

  • Ctrl+Z 撤销
  • Ctrl+Y 恢复
  • Ctrl+X 剪切
  • Ctrl+C 复制
  • Ctrl+V 粘贴
  • Ctrl+F 查找
  • Ctrl+H 替换
  • ctrl+g:跳转指定行
  • Ctrl+Shift+F 在文件中查找
  • Ctrl+Shift+H 在文件中替换
  • Ctrl+/ 切换行注释
  • Alt+Shift+A 切换块注释(显示出来是)
  • Ctrl+Shift+K 删除当前行
  • Ctrl+Enter 在当前行以下插入
  • Ctrl+Shift+Enter 在当前行以上插入
  • Ctrl+Shift+\ 跳转到匹配的括号
  • Home 转到行首
  • End 转到行尾
  • Ctrl+Home 转到页首
  • Ctrl+End 转到页尾
  • Ctrl+↑ / ↓ 向上/向下滚动
  • Alt+PgUp / PgDown 向上/向下翻页
  • Ctrl+Shift+{ 折叠当前代码块
  • Ctrl+Shift+} 展开当前代码块
  • Ctrl+{ 折叠所有子代码块
  • Ctrl+} 展开所有子代码块
  • Ctrl+0 折叠所有代码块
  • Ctrl+J 展开所有代码块
  • Ctrl+/ 添加/删除行注释
  • Shift+Alt+A 添加/删除块注释
  • Alt+Z 自动换行
  • Alt 多选ctrl+C,另一处对应多选ctrl+V 多选复制粘贴

第三部分:选择

  • Ctrl+A 全选
  • Atl+Shift+↑(up)向上复制一行
  • Atl+Shift+↓(down) 向下复制一行
  • Atl+↑(up) 向上移动一行
  • Atl+↓(down) 向下移动一行
  • Atl+Ctrl+↑(up) 在上面添加光标
  • Atl+Ctrl+↓(down) 在下面添加光标
  • Ctrl+D 添加下一个匹配
  • Ctrl+Shift+L 选择所有匹配项

第四部分:查看

  • Ctrl+Shift+L 选择所有匹配项
  • Ctrl+Shift+U 输出
  • Ctrl+Shift+M 问题
  • Ctrl+Shift+Y 调试控制台
  • Ctrl+J 切换面板
  • Ctrl+B 切换侧边栏
  • Alt+Z 切换自动换行
  • Ctrl++(=) 放大
  • Ctrl+-(-) 缩小
  • 第五部分:转到
  • Ctrl+Page Up 切换编辑器,上一个编辑器
  • Ctrl+Page Down 切换编辑器,下一个编辑器
文章分类
前端
文章标签