登录
StandardJS - JavaScript Standard Style (old version)
分类:工具软件 访问:48 下载量:0

软件介绍

更新时间:2025-06-17

⚠️ 警告: 此扩展版本不再积极维护。请安装新版本:https://marketplace.visualstudio.com/items?itemName=standard.vscode-standard,也可以在open-vsx注册表上找到:https://open-vsx.org/extension/standard/vscode-standard

vscode-standardjs (旧版)

StandardJS - JavaScript Standard Style(旧版):VSCode插件集成指南

StandardJS - JavaScript Standard Style(旧版)是一个专为VSCode设计的插件,旨在帮助开发者在开发过程中保持JavaScript代码的风格一致性。该插件支持JavaScript Semi-Standard Style和TypeScript Standard Style,提供了灵活的配置选项,使您能够根据项目需求进行微调。

如何使用

  1. 安装'JavaScript Standard Style'扩展

    如果您不知道如何在VSCode中安装扩展,请参考相关文档。安装后需要重新加载VSCode才能使用新扩展。

  2. 安装standard、semistandard、standardx或ts-standard

    这些可以全局或本地安装。我们建议您在项目中本地安装(即保存到项目开发依赖中),以确保其他开发者在工作时也能使用。

  3. 禁用内置的VSCode验证器

    在您的VSCode settings.json中设置"javascript.validate.enable": false来实现此操作。

插件选项

在您的VSCode settings.json中,您可以自定义vscode-standardjs的以下选项:

选项描述默认值
standard.enable启用或禁用JavaScript Standard Styletrue
standard.run在保存时或输入时运行linteronType
standard.autoFixOnSave启用或禁用保存时自动修复。仅在VSCode的files.autoSave设置为关闭、焦点变化或窗口变化时有效,不适用于延迟后保存。false
standard.nodePath如果无法检测到已安装的standard包,请使用此设置。null
standard.validate指定要验证的文件的语言标识符数组["javascript", "javascriptreact", "typescript", "typescriptreact"]
standard.workingDirectories用于工作目录的数组[]
standard.engine您可以使用semistandard、standardx或ts-standard替代standard。请确保已安装相应的包。standard
standard.usePackageJson如果设置为true,JavaScript Standard Style将使用项目中的package.json设置,否则使用全局安装的standard模块。false

配置Standard

您可以通过standard.options设置来配置standard。例如:

"standard.options": {
    "globals": ["$", "jQuery", "fetch"],
    "ignore": [
        "node_modules/**"
    ],
    "plugins": ["html"],
    "parser": "babel-eslint",
    "envs": ["jest"]
}

建议在每个项目的package.json文件中更改这些选项,而不是在settings.json中全局设置。例如:

"standard": {
    "plugins": ["html"],
    "parser": "babel-eslint"
}

如果您的工作区中有多个项目(例如,您在单体仓库中),VSCode会阻止扩展访问多个package.json文件。要实现此功能,您应该将每个项目文件夹添加到工作区中(文件 -> 将文件夹添加到工作区...)。如果您看不到此选项,请下载VSCode Insiders Build以获取最新功能。

命令

在VSCode中打开命令面板(⇧⌘P或Ctrl Shift P),此插件提供了以下选项:

  • 修复所有可自动修复的问题 - 对所有可修复的问题应用JavaScript Standard Style自动修复解决方案。
  • 禁用此工作区的JavaScript Standard Style - 为此工作区禁用JavaScript Standard Style扩展。
  • 启用此工作区的JavaScript Standard Style - 为此工作区启用JavaScript Standard Style扩展。
  • 显示输出通道 - 查看JavaScript Standard Style的linter输出。

常见问题

  1. 如何在vue或html文件中验证script标签?

    您可以使用eslint-plugin-html进行验证。确保已安装,然后在settings.json中启用对这些文件类型的验证:

     "standard.validate": [
         "javascript",
         "javascriptreact",
         "html"
     ],
     "standard.options": {
         "plugins": ["html"]
     },
     "files.associations": {
         "*.vue": "html"
     },

    如果您想为新语言启用自动修复,您应该自己启用它:

     "standard.validate": [
         "javascript",
         "javascriptreact",
         {
             "language": "html",
             "autoFix": true
         }
     ],
     "standard.options": {
         "plugins": ["html"]
     }

如何开发

  1. Fork此仓库,并在本地克隆您的Fork。
  2. 在项目根目录下运行npm install。
  3. 在VSCode中打开项目。在开发过程中,插件应被禁用。
  4. 运行监视构建任务(⇧⌘B或Ctrl Shift B)以编译客户端和服务器。
  5. 要运行/调试扩展,请使用VSCode调试面板中的Launch Extension启动配置。
  6. 要调试服务器,请使用Attach to Server启动配置。

如何打包

  1. 运行npm install,
  2. 运行npm run compile,
  3. 运行npm run package以构建.vsix文件,然后您可以使用code --install-extension vscode-standardjs.vsix来安装它。

TODO

  1. [ ] 添加测试

本站所有资源都是由网友投稿发布,或转载各大下载站, 请自行检测软件的完整性!

本站所有资源仅供学习与参考,请勿用于商业用途,否则 产生的一切后果将由您自己承担!

如有侵权请联系我们删除下架,联系方式:study_golang@163.com

最新教程

查看更多
  • Golang云原生架构师课程
    Golang云原生架构师课程
    Go是一门并发支持、垃圾回收的编译型系统编程语言;本课程转载自哔哩哔哩:https://www.bilibili.com/video/BV1Mh411M7A
  • MySQL数据管理之备份恢复案例解析视频教程
    MySQL数据管理之备份恢复案例解析视频教程
    《MySQL数据管理之备份恢复案例解析视频教程》MySQL是一个开放源码的小型关联式数据库管理系统,目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。
  • MySQL索引优化解决方案
    MySQL索引优化解决方案
    本套课程是根据MySQL索引的设计理念与数据结构、索引使用场景、索引分类、索引运用场景、索引性能分析、查询优化、MySQL索引的慢查询等组成,主要讲述了MySQL索引优化的解决方案,非常适合有MySQL使用基础或者有一定工作经验的同学。课程讲解了解决大数量查询慢的问题、如何编写一个高效的SQL、查询语句应该如何优化、索引的实现原理是什么、索引又应该如何优化...等诸多SQL索引优化的难点和面试点。
  • 极客学院Docker视频教程
    极客学院Docker视频教程
    Docker是PaaS提供商dotCloud开源的一个基于LXC的高级容器引擎,源代码托管在Github上,基于go语言并遵从Apache2.0协议开源。Docker自2013年以来非常火热,无论是从github上的代码活跃度,还是各大厂商的支持,都使Docker成为了时下最受关注的技术,甚至微软都声称在下一代WindowsServer中集成对Docker的支持。所以我们收集了《极客学院Docke
  • Golang进阶实战编程
    Golang进阶实战编程
    本课程是在《Go语言基础视频》基础之上录制的,是Go语言基础的后半部分。包括包的管理,IO操作,Go语言最大的亮点:高并发,goroutine,channel,反射等。本视频主要为了帮助Go语言的初学者,从零到一的快速入门。学完本套课程,可以学会如果通过包管理Go项目,并发模型,以及并发实现,channel通道如何传递数据,反射等等。
  • JavaScript极速入门
    JavaScript极速入门
    本套课程将帮助大家迅速掌握JavaScript这门高端的、动态的、弱类型编程语言。知识点简单明了,让你学习0压力,适合新手观看学习......