更漂亮的格式化配置
我正在拉头发,试图为Angular HTML组件配置更漂亮的格式.我尝试了不同的配置覆盖,但无法得到我想要的. 默认情况下,在VS Code + Prettier上,以下标记: A valid email address must be used 格式为(由于线长度): A valid email address must be used 我根本不喜欢.我不想像那样漂亮地拆分标签.我更喜欢: A valid email address must be used
0 2024-02-20
编程技术问答社区
如何禁用prettier设置,创建html标签的>新行?
我穿过VSCODE的更漂亮的扩展,我找不到如何禁用这种情况.请参阅> html标签的>. 这是一个示例代码,每次我运行更漂亮时都需要一些修复.输出是: 我希望更漂亮的输出: 解决方案 for JSX(和其他文件类型,例如HTML),可以完成设置 " bracketsameline":true 在您的.prettierrc中 参见 #bracket-line (版本 其他解决方案 这可以在VS代码本身的帮助下完成.将以下条目放在您的工作区设置中,以VS代码. "html.format.wrapAttributes": "force-aligned" 您不需要任何外部插件或扩展即可执行
0 2024-02-20
编程技术问答社区
如何在VS代码中禁用更漂亮的YAML文件?
我正在为我的Python项目的一部分编写一个非常简单的设置文件,可悲的是,Prettier在.github目录中的Main.yml文件中不必要的警告使我打扰我. . 我尝试将下面的代码片段添加到我的设置.JSON文件,但它无能为力,并且也标记为"重复对象密钥",因为它在其下面还有另一个条目: "editor.defaultFormatter": { "[yaml]": "" }, "editor.defaultFormatter": "esbenp.prettier-vscode", 所以这还没有工作,我也尝试添加 "[yaml]": { "editor.formatOnSave": false } to saterings.json文件,但我的所有努力都是徒劳的! 解决方案 这个对我有用 "[yaml]": { "editor.defaultFormatter"
4 2023-12-25
编程技术问答社区
在窗口上运行更漂亮
我想在package.json中添加更漂亮的脚本. 在文档中阅读,建议使用 cli In practice, this may look something like: prettier --single-quote --trailing-comma es5 --write "{app,__{tests,mocks}__}/**/*.js" 它在Mac/ubuntu上工作,但在Windows上获取以下错误消息. [error] No matching files. Patterns tried: 'src/*.js' !**/node_modules/** !./node_modules/** error Command failed with exit code 2. 解决方案 对于Windows,您必须逃脱",在package.json中看起来像这样: "scripts": { "prettier": "prettier --single-qu
4 2023-12-06
编程技术问答社区
WebStorm:配置Prettier以使用标签页?
那是一个文件夹.我尝试将其更改为npm\prettier.cmd并添加开关,但这不起作用(它只是变红). 如何设置WebStorm以使用Prettter? 解决方案 如果您的项目具有 .editorConfig 文件,则可以在其中覆盖 indent_style 在其中. # top-most EditorConfig file root = true [*] indent_size = 4 indent_style = tab 我发现这些资源也有帮助: 其他解决方案 由于因此,您可以通过在项目package.json中添加相应的.prettierrc文件或"prettier"节来在项目中安装它并在项目中进行配置.package.json.
4 2023-12-03
编程技术问答社区
使用vue-cli时遇到 "无法推断解析器 "的错误
尝试使用vue-cli构建新的WebPack项目时,我会遇到错误.我正在与最新构建(3.0.0-Beta.11)的文档一起关注,也尝试了早期版本,这不是Beta. 当我运行yarn serve时,它尝试启动开发服务器并构建项目,但在此处失败: error in ./src/App.vue?vue&type=template&id=7ba5bd90 Module build failed: Error: No parser and no file path given, couldn't infer a parser. at normalize (/Users/cory/Code/chickadee/my-project/node_modules/prettier/index.js:7051:13) at formatWithCursor (/Users/cory/Code/chickadee/my-project/node_modules/prettier
4 2023-12-01
编程技术问答社区
vue webpack模板缺少解析器
我刚刚使用WebPack模板设置了一个VUE项目,如下所示: http://vuejs -templates.github.io/webpack/ 但是,在运行NPM运行DEV之后只是为了测试模板正在工作,我会得到此错误: Failed to compile with 2 errors 21:49:02 error in ./src/App.vue Module build fa
4 2023-12-01
编程技术问答社区
Vue 2-ESLint + Standard + Prettier
如何创建一个使用ESLINT + Standardjs + Prettier的VUE 2项目? Standardjs的规则自然应该优先优先. vue创建仅提供以下选项: ESLINT +标准 Eslint + Prettier 我尝试了两件事: 我混合了上述两个选项的ESLINT配置.这导致了一个依赖地狱,一旦解决了,它并没有真正正常工作. 我在我的eslintrc.js中添加了漂亮的标准包,它也没有正常工作.值得一提的是,从命令行手动执行时,漂亮的标准效果很好. 我当然希望在项目配置级别而不是IDE级别设置此设置. 解决方案 您可以尝试我刚创建的此回购吗?从我的测试中看起来很棒. https://github.com/kissu/kissu/so-eslint-intin- Prettier-Config 注释 我创建了2个项目,并将standard的配置倾倒到Prettier>一个项目中,可以在此提交 CLI的当前版
6 2023-11-26
编程技术问答社区
如何用ESLint + Prettier + Airbnb规则 + TypeScript + Vetur配置Vue CLI 4?
使用 vue cli v4.0.5 创建新项目时 - 覆盖和格式的配置选项: ? Pick a linter / formatter config: (Use arrow keys) > ESLint with error prevention only ESLint + Airbnb config ESLint + Standard config ESLint + Prettier TSLint (deprecated) 我想使用 airbnb规则 eslint 带有 Prettier (s-on-save),带有 typescript parser 和 vue cli v4 . 这些配置也应与 vetur扩展名相处良好.. 如何配置这种工具的组合? 请注意,这不是一个骗子问题.有类似的问题,但对于Vue Cli4,Typescript,Eslint,Airbnb,Prettier以及与Vetur/VS代码一起工作的这些确切要求.
12 2023-11-26
编程技术问答社区
如何为Vue项目设置链式缓存?
我使用VUE CLI创建了一个新的VUE3应用程序,并为Linter Config选择了Prettier.我想使用commlint,husky and lint阶段来验证提交消息,并在推动代码之前提起诉讼. 我所做的 基于设置我用HUSKY 设置commlint npm install --save-dev @commitlint/{cli,config-conventional} echo "module.exports = { extends: ['@commitlint/config-conventional'] };" > commitlint.config.js npm install husky --save-dev npx husky install npx husky add .husky/commit-msg 'npx --no -- commitlint --edit $1' 基于安装与设置我设置了绒毛级 npx mrm@2 lint-st
4 2023-11-26
编程技术问答社区
在Visual Studio Code中使用ESLint和Prettier时,无法获得正确的自动格式化保存。
在使用Eslint的Visual Studio代码中,在处理.VUE文件时,似乎我无法正确获得Vue/Max-attributes-per-line到Auto-Fix. 例如,将Vue/Max-attributes-per-line设置为" OFF",我尝试手动添加线路断裂,它可以将其纠正以始终在不超过一行的每个元素上,无论它是否是81、120、200或更多字符宽. 我该如何弄清楚是什么迫使我的标记元素到一行? 我正在使用Eslint版本5.1.0和Visual Studio代码(没有更漂亮的扩展名),带有漂亮的1.14.2. 这是.vue文件中的示例 - 无论我在'vue/max-attributes-per-line': 'off'时做什么,我都无法在多行上进行此操作.每次我保存时,它都会迫使长行的标记都在一行上.
6 2023-11-25
编程技术问答社区
为什么Prettier在VS Code中没有格式化代码?
在我的NUXT应用程序中安装和启用Eslint和Prettier,我切换到Visual Studio代码. 当我打开 .vue 文件时,请按 cmd + shift + + p 并选择格式文档,我的文件无法获得格式化 . 我的 .prettierrc settings : { "tabWidth": 2, "semi": false, "singleQuote": true } 我有很多源代码行,因此我无法手动格式化它们.我在做什么错? 解决方案 选择File -> Preferences -> Settings(Ctrl + comma)和搜索表格formatter 将Prettiers设置为默认格式. 如果以上行不通: ctrl+shift+p > Format Document With... > Configure Default Formatter... > Prettier - Code formatter 其他解
4 2023-11-25
编程技术问答社区
在构造函数中更漂亮地将多行转换为单行
我使用更漂亮的格式化代码.最近,我遵循有时候这很烦人.它是自动创建构造函数中单行的多行.我如何停止这种行为? 保存之前 保存之后 解决方案 看起来您在line 33> 的线结束后缺少, 这就是更漂亮或任何公共格式的工作方式,如果您在需要逗号的行之后添加逗号,那么它将进入下一行,否则它将像您一样在线. 其他解决方案 您有错字. 在第30至33行上,您将用,结束行.这些应该是半洛龙;. 其他解决方案 尝试做此config - > fentions-> Prettier --->设置 有一个Prettier下勾选的复选框:"需要配置".如果没有选中,它将自动打破您的行
4 2023-11-25
编程技术问答社区
vscode:为js/ts文件重新排列代码
我如何重新排列 vscode中的.js/.ts文件中的代码?例如,在课堂内,我希望它自动将静态变量放在顶部,然后将变量放在变量,然后是方法等. 我尝试使用Google" Vscode重新排列代码",但它总是指向Prettier,这确实是不是这样做的. 现在,JavaScript上可能不存在此功能?但是例如,在Android Studio(Java)中,肯定有一个选择. 另外,我不是在谈论重新安排进口,我已经知道VSCODE可以做到这一点. 据我所知, 解决方案 vscode或打字稿中没有任何内置可以做到这一点.我不确定是否有任何扩展. 但是,如果您使用tslint或eslint,则可以使用member-ordering规则来实现相同的事情: TSLINT规则(尽管不是Eslint One)具有" Fixer",因此您可以单击一键应用.
14 2023-11-25
编程技术问答社区
在Vscode中编辑Prettier选项
我需要启用.tpl文件的格式化,例如Prettier. 我在github上找到了这个代码块,谁应该这样做: overrides: [ { files: '*.html.tpl', options: { parser: 'html' }, }, ], 我应该如何实施它? 解决方案 转到文件 - >首选项 - >设置. 在"搜索框"中,搜索"关联",然后单击"在settings.json上编辑". 将以下内容添加到JSON文件: "files.associations": { "*.html.tpl": "html" } 其他解决方案 您要使用的语法时有多个选项. 这是JSON中的一个景象: //.prettierrc.json { "semi": false, "overrides": [ { "files": "*.html.tpl", "options": { "pars
0 2023-11-25
编程技术问答社区
如何将eslint或类似tslint和prettier的设置与typecript同步?
我已经有一个现有的React/Redux项目,并且已经开始在项目中使用TypeScript.我已经为该项目设置了ESLINT配置,该项目扩展了airbnb ESLINT配置.我的eslint如下: module.exports = { "parser": "babel-eslint", "extends": [ "airbnb", "plugin:flowtype/recommended" ], "plugins": [ "react", "jsx-a11y", "flowtype" ], "env": { "browser": true, "node": true, "es6": true }, "globals": { "__DEV__": true, "__SERVER__": true, "__": true, "define": true,
4 2023-11-25
编程技术问答社区
vscode/Prettier/Eslint在可选链接操作员中添加空间
不确定发生了什么,但是在vscode w/eslint和Prettier打开中,它不断将像这样的行转换为var?.foo?.bar var ? .foo ? .bar,然后抛出语法错误...我有以下内容: { "trailingComma": "all", "tabWidth": 2, "useTabs": false, "semi": false, "singleQuote": true } { "extends": ["airbnb", "airbnb-typescript"], "parserOptions": { "project": "./tsconfig.json" }, "parser": "@babel/eslint-parser", "rules": { "@typescript-eslint/semi": "off", "semi": "off", "import/prefer-defau
14 2023-11-25
编程技术问答社区
ESLint和Prettier在NuxtJS上的冲突
当我创建一个新的nuxt.js项目时,我对Eslint和Prettier的问题确实令人筋疲力尽. 如果我保存此.vue文件,请尝试修复它,但ESLINT阻止它这样做.因此,我无法删除此错误. 我的eslintrc.js module.exports = { root: true, env: { browser: true, node: true, }, parserOptions: { parser: 'babel-eslint', }, extends: [ '@nuxtjs', 'plugin:prettier/recommended', 'plugin:nuxt/recommended', ], plugins: [], // add your custom rules here rules: {}, } 我的.prettierrc { "semi": false
10 2023-11-25
编程技术问答社区
如何在 vscode 中将 css 十六进制转换为大写?
我只是在使用vscode "我个人也更喜欢大写,但是我被要求进行小写……但是改变这将导致所有不必要的用户不必要的流失……这项决定已经做出,并且不会改变.不会添加选项." - 2018年9月29日 基本上, Prettier 将十六进制的值转换为小写,并且没有提供将其更改为大写的选项. 我想问,他们现在是否改变了决定,并选择了将CSS十六进制值转换为大写的选择?如果在 Prettier 中没有真正的选择,是否有任何选择可以实现? 解决方案 我使用的基本替代方法是@riov8 ,但是我更喜欢使用替换字段而不是转换为大写,我认为这会更快. 我想提供这个答案,因为它至少可以工作. 在Vscode中使用正则表达式#(?:[0-9a-fA-F]{3}){1,2},然后用\U$0替换. 更新:保存后如何自动变换 请按以下链接:如何自动运行a保存后"查找并替换"? 其他解决方案 因为\U$0效果不佳,我们寻找替代方案. 正则表达式搜索 使
4 2023-11-25
编程技术问答社区
如何解决VS Code中不支持车把准线的问题?
我正在使用车把作为我项目的模板引擎.我正在使用更漂亮的格式化,但是在格式化HBS文件期间,我会遇到错误,因为 syntaxerror:不支持车把部分.我试图在互联网上找到解决方案,但失败了. 这是错误的完整日志: SyntaxError:不支持车把部分: (错误发生在"未知模块" @行2:第2列)(2:2) 1 | 2 | {{> header}} | ^^^^^^^^^^^^ 3 | 4 | 5 | 在n(c:\ users \ admin.vscode \ extensions \ esbenp.prettier-vscode ) 9.0.0 \ node_modules \ prettier \ parser-glimmer.js:1:1320) 在object.parse(c:\ users \ admin.vscode \ extensions \ esbenp.prettier-vscode ) 9.0
8 2023-11-25
编程技术问答社区