StandardJS - JavaScript Standard Style(旧版):VSCode插件集成指南
StandardJS - JavaScript Standard Style(旧版)是一个专为VSCode设计的插件,旨在帮助开发者在开发过程中保持JavaScript代码的风格一致性。该插件支持JavaScript Semi-Standard Style和TypeScript Standard Style,提供了灵活的配置选项,使您能够根据项目需求进行微调。
如何使用
安装'JavaScript Standard Style'扩展
如果您不知道如何在VSCode中安装扩展,请参考相关文档。安装后需要重新加载VSCode才能使用新扩展。
安装standard、semistandard、standardx或ts-standard
这些可以全局或本地安装。我们建议您在项目中本地安装(即保存到项目开发依赖中),以确保其他开发者在工作时也能使用。
禁用内置的VSCode验证器
在您的VSCode settings.json中设置"javascript.validate.enable": false来实现此操作。
插件选项
在您的VSCode settings.json中,您可以自定义vscode-standardjs的以下选项:
选项 | 描述 | 默认值 |
---|---|---|
standard.enable | 启用或禁用JavaScript Standard Style | true |
standard.run | 在保存时或输入时运行linter | onType |
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),此插件提供了以下选项:
常见问题
如何在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"]
}
如何开发
如何打包
TODO
本站所有资源都是由网友投稿发布,或转载各大下载站, 请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则 产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:study_golang@163.com