vscode 单引号、双引号 prettier设置失效

文章介绍了如何在settings.json中启用prettier的singleQuote功能,以及遇到单引号不生效时的两种解决方案:移除RequireConfig选项的勾选或在项目根目录下创建.prettierrc.json文件并设置singleQuote为true。

单引号失效

1、settings.json设置 加入 "prettier.singleQuote": true,  //true 为始终单引号,文件位置见图(工作区权重 > 用户)

2、1 设置完,单引号不生效  下面二选一

       prettier 中的 Require Config  选项是否勾上了,(强制存在配置文件)

     1、去掉勾选即可。

     2、勾选情况下,在项目根目录下创建.prettierrc.json(package.json同级) 加上

{
  "singleQuote": true,
}

{ "git.path":"D:/Git/bin/git.exe", // 換行 "editor.wordWrap": "on", // 是否允许自定义的snippet片段提示 "editor.snippetSuggestions": "top", // vscode默认启用了根据文件类型自动设置tabsize的选项 不检查缩进,保存后统一按设置项來设置 "editor.detectIndentation": false, // 重新设定tabsize 代码缩进修改成 2 个空格 "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave": false, // #每次保存的时候将代码按eslint格式进行修复 使用eslint 風格使用standard 進行代碼規則限制 "editor.fontWeight": "200", "editor.formatOnType": false, "workbench.iconTheme": "vscode-icons-mac", "git.confirmSync": false, "team.showWelcomeMessage": false, "window.zoomLevel": 0, "editor.renderWhitespace": "boundary", "editor.cursorBlinking": "smooth", "editor.minimap.enabled": true, "editor.minimap.renderCharacters": false, "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}", "editor.codeLens": true, // eslint 代码自动检查相关配置 "eslint.enable": true, "eslint.run": "onType", "eslint.options": { "configFile": "D:/.eslintrc.js", "plugins": ["html"], "extensions": [".js", ".vue"] }, // 添加 vue 支持 "eslint.validate": ["javascript", "javascriptreact", "html", "vue"], // #让prettier使用eslint的代码格式进行校验 "prettier.eslintIntegration": true, // #去掉代码结尾的分号 "prettier.semi": true, // #使用单引号替代双引号 "prettier.singleQuote": true, "prettier.tabWidth": 4, // #让函数(名)和后面的括号之间加个空格 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // #这个按用户自身习惯选择 html格式化 "vetur.format.defaultFormatter.html": "js-beautify-html", // #让vue中的js按"prettier"格式进行格式化 "vetur.format.defaultFormatter.js": "prettier", // #让vue中的js按编辑器自带的ts格式进行格式化 // "vetur.format.defaultFormatter.js": "vscode-typescript", "explorer.confirmDelete": false, "vetur.format.defaultFormatterOptions": { "js-beautify-html": { // #vue组件中html代码格式化样式 "wrap_attributes": "force-aligned", // 也可以设置为"auto", 效果会不一样 "wrap_line_length": 200, "end_with_newline": false, "semi": false, "singleQuote": true }, "prettier": { "semi": false, "singleQuote": true } }, "[jsonc]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, // 格式化stylus, 需安装Manta's Stylus Supremacy插件 "stylusSupremacy.insertColons": false, // 是否插入冒号 "stylusSupremacy.insertSemicolons": false, // 是否插入分号 "stylusSupremacy.insertBraces": false, // 是否插入大括号 "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行 "stylusSupremacy.insertNewLineAroundBlocks": false, // 两个选择器中是否换行 "prettier.useTabs": true, "explorer.confirmDelete": false, "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[json]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "diffEditor.ignoreTrimWhitespace": false, // "terminal.integrated.shell.osx": "zsh", "files.associations": { "*.cjson": "jsonc", "*.wxss": "css", "*.wxs": "javascript" }, "emmet.includeLanguages": { "wxml": "html" }, "minapp-vscode.disableAutoConfig": true, "window.menuBarVisibility": "visible", "git.enableSmartCommit": true, "git.autofetch": true, "liveServer.settings.donotShowInfoMsg": true, "[html]": { "editor.defaultFormatter": "vscode.html-language-features" }, "javascript.updateImportsOnFileMove.enabled": "always", "workbench.colorTheme": "SynthWave '84", // 字體大小 "editor.fontSize": 15, // 設置行高 "editor.lineHeight": 20, "search.followSymlinks": false, "workbench.sideBar.location": "left", "vscode_custom_css.policy": true, "vscode_custom_css.imports": [ "file:///C:/vscode-transparent/synthwave84.css", "file:///C:/vscode-transparent/toolbar.css", "file:///C:/vscode-transparent/vscode-vibrancy-style.css", "file:///C:/vscode-transparent/enable-electron-vibrancy.js" ], // 高亮的颜色,emm暂时只支持这样写 "wxmlConfig.activeColor": { "color": "#e5c07b" }, // 是否禁用高亮组件 "wxmlConfig.activeDisable": false, // 是否开启保存自动格式化 "wxmlConfig.onSaveFormat": false, "wxmlConfig.format": { "brace_style": "collapse", "end_with_newline": false, "indent_char": "", "indent_handlebars": false, "indent_inner_html": false, "indent_scripts": "keep", "indent_size": 2, "indent_with_tabs": false, "max_preserve_newlines": 1, "preserve_newlines": false, "wrap_attributes": "force-expand-multiline" }, // 高亮所忽略的组件数组 "wxmlConfig.tagNoActiveArr": [ "view", "button", "text", "icon", "image", "navigator", "block", "input", "template", "form", "camera", "textarea" ], "zenMode.restore": true, "breadcrumbs.enabled": true, "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe", "[wxml]": { "editor.defaultFormatter": "qiu8310.minapp-vscode" }, "gitlens.advanced.messages": { "suppressLineUncommittedWarning": true }, "javascript.format.placeOpenBraceOnNewLineForControlBlocks": true, "editor.formatOnPaste": false, "vsicons.presets.hideFolders": true, "editor.cursorStyle": "line-thin", "editor.suggestSelection": "first", "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue", // #每次保存的时候将代码按照 eslint 格式进行修复 "editor.codeActionsOnSave": { "source.fixAll.eslint": "explicit" }, "terminal.integrated.rendererType": "dom", "vscode_vibrancy.opacity": 1, "npm.fetchOnlinePackageInfo": false, "Codegeex.License": "", "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" } }帮我找出vue3 会冲突的地方
最新发布
11-21
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值