登录
StandardJS - JavaScript Standard Style
分类:工具软件 访问:40 下载量:0

软件介绍

更新时间:2025-07-20

Standard - JavaScript Style Guide

StandardJS - JavaScript Standard Style:您的代码质量守护者

StandardJS - JavaScript Standard Style是Visual Studio Code的一款强大扩展,旨在帮助开发者自动修复代码,提升JavaScript开发效率。无论您是使用JavaScript、TypeScript还是其他支持的语言,StandardJS都能为您提供一流的代码风格和质量保证。

如何使用:

  1. 安装扩展:

    在VSCode中打开快速打开窗口(⌘P),输入以下命令并按回车:

    ext install standard.vscode-standard

    详细信息请查看文档。

  2. 安装引擎:

    您可以选择安装standard、semistandard、standardx或ts-standard,建议将其添加到项目中的devDependencies中,以确保团队成员都能使用。

  3. 启用扩展:

    安装完成后,扩展将自动在安装了引擎的项目中启用。

扩展选项:

StandardJS提供了多种选项,允许您在VSCode的settings.json中进行自定义设置。

选项描述默认值
standard.enable启用或禁用JavaScript Standard Styletrue
standard.enableGlobally全局启用或禁用JavaScript Standard Stylefalse
standard.run在保存时或输入时运行linteronType
standard.autoFixOnSave启用或禁用保存时自动修复。仅在VSCode的files.autoSave设置为off、onFocusChange或onWindowChange时有效,不适用于afterDelayfalse
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模块true
standard.treatErrorsAsWarnings任何由Standard报告的linting错误将在VSCode中显示为警告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"
}

如果您的工作区中有多个项目(例如在monorepo中),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文件中lint脚本标签?

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

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

    如果您想为新语言启用autoFix,您需要自己启用它:

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

如何开发:

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

如何打包:

  1. 运行npm install
  2. 运行npm run package以构建.vsix文件
  3. 您可以使用code --install-extension vscode-standard.vsix安装它

许可证:

MIT

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

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

如有侵权请联系我们删除下架,联系方式: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压力,适合新手观看学习......