StandardJS - JavaScript Standard Style:您的代码质量守护者
StandardJS - JavaScript Standard Style是Visual Studio Code的一款强大扩展,旨在帮助开发者自动修复代码,提升JavaScript开发效率。无论您是使用JavaScript、TypeScript还是其他支持的语言,StandardJS都能为您提供一流的代码风格和质量保证。
如何使用:
安装扩展:
在VSCode中打开快速打开窗口(⌘P),输入以下命令并按回车:
ext install standard.vscode-standard
详细信息请查看文档。
安装引擎:
您可以选择安装standard、semistandard、standardx或ts-standard,建议将其添加到项目中的devDependencies中,以确保团队成员都能使用。
启用扩展:
安装完成后,扩展将自动在安装了引擎的项目中启用。
扩展选项:
StandardJS提供了多种选项,允许您在VSCode的settings.json中进行自定义设置。
选项 | 描述 | 默认值 |
---|---|---|
standard.enable | 启用或禁用JavaScript Standard Style | true |
standard.enableGlobally | 全局启用或禁用JavaScript Standard Style | false |
standard.run | 在保存时或输入时运行linter | onType |
standard.autoFixOnSave | 启用或禁用保存时自动修复。仅在VSCode的files.autoSave设置为off、onFocusChange或onWindowChange时有效,不适用于afterDelay | 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模块 | 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),此插件提供了以下选项:
常见问题:
如何在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"]
}
如何开发:
npm install
。如何打包:
npm install
npm run package
以构建.vsix文件code --install-extension vscode-standard.vsix
安装它许可证:
MIT
本站所有资源都是由网友投稿发布,或转载各大下载站, 请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则 产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:study_golang@163.com