vscode常用插件

1. 汉化
在这里插入图片描述
安装 Chinese (Simplified) Language Pack for Visual Studio Code 插件,完成后重启 VS Code 即可。
2. 括号上色
为代码中成对的括号设置不同的颜色高亮,便于阅读。
Bracket Pair Colorizer 2
Bracket Pair Colorizer 2
3. 显示文件大小
在这里插入图片描述
4. 缩进高亮
在这里插入图片描述
5. Vue 支持
在这里插入图片描述
6. ESLint
在这里插入图片描述
在项目根目录添加规则文件.eslintrc.js,插件将根据其中的规则检查代码,以下是一个简单示例:

module.exports = {
  env: {
    browser: true,
    commonjs: true,
    es6: true,
    node: true
  },
  extends: [
    'standard'
  ],
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly'
  },
  parserOptions: {
    ecmaVersion: 11
  },
  rules: { }
}

如果不想让工具检查某个文件或某行代码,可在代码前写入注释/* eslint-disable */禁用。

如果需要忽略多个文件的 lint 检查,可在项目根目录创建一个.eslintignore文件,写在该文件内的目录/文件将被忽略。

build
node_modules
doc

在settings.json中加入下面的配置,保存时尝试修复错误:

{
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
}

7.Highlight Matching Tag
8.Color Highlight
9.Trailing Spaces
10.Git History
11.open in browser
12.Auto Rename Tag
13.Auto Import
14.javascript console utils
15.Path Intellisense
16.Npm Intellisense

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值