красивее разрыв строки не принимать правила - PullRequest
Новая
       1

красивее разрыв строки не принимать правила

0 голосов
/ 17 января 2020

Я пытаюсь изменить разрыв строки на более симпатичный, но против кода игнорирую мои настройки для этого ... Я пытаюсь поставить line-length: 140, но ничего не произошло.

Я пробую это, но безуспешно 

// edit your tslint.json
"max-line-length": [
     true, 
    { 
        "limit": 140, 
        "ignore-pattern": "^import |^export {(.*?)}" 
    }
],

Я использую 

prettier: [3.18.0]
VS code: 1.41.1

Вот мои настройки 

{
  "workbench.editor.highlightModifiedTabs": true,
  "files.trimFinalNewlines": true,
  "window.menuBarVisibility": "default",
  "workbench.activityBar.visible": true,
  "files.autoSave": "off",
  "window.zoomLevel": 0,
  "editor.rulers": [
    140
  ],
  "editor.wordWrapColumn": 140,
  "[markdown]": {
    "editor.wordWrap": "wordWrapColumn",
    "editor.quickSuggestions": false
  },

  "diffEditor.ignoreTrimWhitespace": true,
  "vsicons.projectDetection.autoReload": true,
  "files.eol": "\n",
  "editor.formatOnSave": true,
  "editor.tabSize": 2,
  "javascript.referencesCodeLens.enabled": true,
  "cSpell.userWords": [
    "dropdown",
    "toastr"
  ],

  "typescript.updateImportsOnFileMove.enabled": "always",
  "terminal.integrated.rendererType": "dom",
  "html.format.wrapLineLength": 140,
  "editor.wordWrap": "bounded",
  "prettier.jsxBracketSameLine": true,
  "html.format.wrapAttributes": "preserve-aligned",
  "prettier.printWidth": 140
}

Есть ли другой способ получить это работать, потому что красивее всегда форматировать мои компоненты или html файл странным образом ... скажем, это 

languageLocale: [null, [Validators.minLength(1), Validators.maxLength(255)]],

к этому 

languageLocale: [
        null,
        [Validators.minLength(1), Validators.maxLength(255)]
      ],

или html

<mat-form-field>
        <input class="disabledInput" formControlName="id" matInput/>
</mat-form-field>

к этому 

<mat-form-field>
        <input
               class="disabledInput"
               formControlName="id"
               matInput
               />
</mat-form-field>

И это ужасно читать, если у нас есть несколько полей ввода

1 Ответ

0 голосов
/ 17 января 2020

Нужно установить конфигурацию на package.json

Ссылка здесь https://prettier.io/docs/en/configuration.html

"prettier":{
  "arrowParens": "avoid",
  "bracketSpacing": true,
  "htmlWhitespaceSensitivity": "css",
  "insertPragma": false,
  "jsxBracketSameLine": false,
  "jsxSingleQuote": false,
  "printWidth": 140,
  "proseWrap": "preserve",
  "quoteProps": "as-needed",
  "requirePragma": false,
  "semi": true,
  "singleQuote": false,
  "tabWidth": 2,
  "trailingComma": "none",
  "useTabs": false,
  "vueIndentScriptAndStyle": false,
  "rangeStart": 0
}
...