vscode——插件使用

打开扩展:ctrl+shift+x(快捷键)、直接在vscode面板点击扩展标志

实时显示代码的变更记录

要结合Git,有提交记录的
插件:GitLens
在这里插入图片描述
直接下载即可,无需其他操作
效果展示:
在这里插入图片描述

常用主题

one dark pro
在这里插入图片描述
效果图
在这里插入图片描述

文件icon
vscode-icons
在这里插入图片描述
效果图
在这里插入图片描述

### 在VSCode使用ESLint插件 #### 安装ESLint扩展 为了在Visual Studio Code (VSCode) 中启用ESLint功能,需先通过VSCode的市场安装官方提供的ESLint扩展[^2]。 #### 配置ESLint环境 完成安装之后,应当确保本地项目已初始化Node.js环境,并全局或局部安装`eslint`包。对于React项目而言,还需额外配置`.eslintrc.js`文件来指定规则集以及可能使用的自定义插件路径: ```javascript module.exports = { env: { browser: true, es2021: true, }, extends: [ 'plugin:react/recommended', 'airbnb' ], parserOptions: { ecmaFeatures: { jsx: true, }, ecmaVersion: 12, sourceType: 'module', }, plugins: ['react'], }; ``` 上述代码片段展示了如何设定基本的ESLint规则集合(`extends`)和所依赖的插件列表(`plugins`)。这里选择了Airbnb风格指南作为基础样式规范的一部分。 #### 调整VSCode设置以适应ESLint 为了让VSCode能够识别并应用这些规则,在编辑器内部也需要做一些调整。可以通过访问菜单栏中的“文件>首选项>设置”,向用户级或工作区级别的JSON配置文件添加如下条目以指明ESLint配置的位置: ```json { "eslint.options": { "configFile": "${workspaceFolder}/.eslintrc.js" } } ``` 这段配置说明了ESLint应该在哪里寻找项目的特定配置文件[^1]。 #### 解决常见问题 如果遇到ESLint未能正常工作的状况——比如缺少预期的语法检查标记(如红色波浪下划线),应确认`eslint.enable`属性已被激活,默认情况下它是开启状态;另外也要验证`configFile`指向是否准确无误[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值