VSCode плохое форматирование javascript
Я редактирую некоторые файлы javascript (в частности, reactjs coed) в VS Code на Ubuntu 18.04. Однако «форматирование» действительно ужасное.
До:
import React, { Component } from 'react';
import './App.css';
import Dropzone from 'react-dropzone';
class App extends Component {
render() {
return (
<div className = "App">
<Dropzone onDrop = {this.onDrop} />
</div>
);
}
}
export default App;
После:
import React, {
Component
} from 'react';
import './App.css';
import Dropzone from 'react-dropzone';
class App extends Component {
render() {
return ( <
div className = "App" >
<
Dropzone onDrop = {
this.onDrop
}
/> <
/div>
);
}
}
export default App;
Раньше я редактировал эти файлы в Windows 10 в VS Code, и форматер был отличным. Есть ли расширение, которое мне не хватает? Или что я здесь делаю не так. Для форматирования я использую сочетание клавиш «Форматировать документ».
Вот мои текущие расширения:
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 5
Я лично рекомендую расширение JS-CSS-HTML Formatter от Lonefy.
Пожалуйста, обратитесь к ссылка на сайт здесь.
Я лично использую Красивее для форматирования JS и CSS и JS JSX фрагменты для JSX в React. Я пробовал много других, но с этими двумя, могу вас заверить, ваш код React будет выглядеть красиво.
В моем случае виновником такого поведения было расширение Beatify на Vscode. Отключение разрешило проблема.
Привет, js jsx snippest работает, его идентификатор расширения в VS Code - skyran.js-jsx-snippets, или вы можете просто выполнить поиск, набрав js jsx snippest. установите его, после установки зайдите в отформатировать документ с помощью ..-> настроить форматировщик по умолчанию-> js jsx snippest, сделайте его по умолчанию, а затем он будет отформатирован соответствующим образом (вы можете форматировать его, не устанавливая его по умолчанию, но если вы сделаете его по умолчанию, вам просто нужно каждый раз щелкать документ форматирования, чтобы выбрать форматировщик.)
если во время сохранения файла ваш форматированный текст деформируется, вам необходимо отключить или удалить другие средства форматирования, такие как JS-CSS-HTML formatter, beautify, beautify css / sass / scss / less и т. д.
@ Tyler2P спасибо за предложение, я изменил свой ответ, на самом деле, если мы используем код VS, нам не нужна внешняя ссылка, просто нужно искать в расширениях кода vs ... еще раз спасибо
Этот ответ такой же, как и многие другие, также не могли бы вы предоставить ссылку на
js jsx snippest, иначе похоже, что вы только что придумали что-то другим участникам, которые могут не знать, что это за услуга.