Предотвратить Atom Beautify от автоматического форматирования импорта es6 / деструктуризации объекта (React)

Question

Я работаю в текстовом редакторе атомов, над проектом в React, использую оператор импорта es6 и пытаюсь отформатировать мой код с использованием atom-beautify (0.33.4). Начало одного из моих файлов выглядит следующим образом:

1    import React, { Component } from 'react';
2    import { connect } from 'react-redux';
3    import { Link } from 'react-router-dom';
4    import axios from 'axios';
5    
6    import { updateUser, updateUserLocation } from '../redux/reducers/user';
7    
8    class Form extends Component {
9      constructor(props) {
10       super(props)
11       this.state = {
12         submitEnabled: false,
13         lat: '',
14         long: '',
15         zip: '',
16         city: '',
17         state: '',
18       }
19     }
20
21    validateName = (e) => {
22       e.preventDefault();
23       const { name, value } = e.target;
24       const nameRegExp = /^[A-Za-zÀ-ÿ ,.'-]+$/;
25       
26       if (nameRegExp.test(value)) this.validInput(e)
27       else this.invalidInput(name);
28     }

В настоящее время, если я использую раскладку клавиш или иным образом автоматически форматирую свой код, это выдает:

1    import React, {
2      Component
3    } from 'react';
4    import {
5      connect
6    } from 'react-redux';
7    import {
8      Link
9    } from 'react-router-dom';
10   import axios from 'axios';
11
12   import {
13     updateUser,
14     updateUserLocation
15   } from '../redux/reducers/user';
16
17   class Form extends Component {
18     constructor(props) {
19       super(props)
20       this.state = {
21         submitEnabled: false,
22         lat: '',
23         long: '',
24         zip: '',
25         city: '',
26         state: '',
27       }
28     }
29
30     validateName = (e) => {
31       e.preventDefault();
32       const {
33         name,
34         value
35       } = e.target;
36       const nameRegExp = /^[A-Za-zÀ-ÿ ,.'-]+$/;
37       if (nameRegExp.test(value)) this.validInput(e)
38       else this.invalidInput(name);
39     }

Есть ли способ отключить автоматическое форматирование atom-beautify для операторов импорта es6 (строки 1-4 предварительно отформатированного фрагмента) и де-структурирование объекта es6 (строка 23 предварительно отформатированного фрагмента).

Заранее благодарю за любые ответы.

Answer 1

Если вы используете js-beautify в качестве основного движка установите brace-style в collapse,preserve-inline, Вот эквивалент Atom UI:

Вы можете попробовать это на https://beautifier.io/, используя следующие настройки пользовательского интерфейса:

Вы также можете сделать это, переопределив настройки пользовательского интерфейса следующим образом в "Дополнительные настройки":

{
    "brace_style": "collapse,preserve-inline"
}