Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 防止Atom美化自动格式化es6导入/对象去结构化(React)_Javascript_Ecmascript 6_Atom Editor_Js Beautify_Atom Beautify - Fatal编程技术网

Javascript 防止Atom美化自动格式化es6导入/对象去结构化(React)

Javascript 防止Atom美化自动格式化es6导入/对象去结构化(React),javascript,ecmascript-6,atom-editor,js-beautify,atom-beautify,Javascript,Ecmascript 6,Atom Editor,Js Beautify,Atom Beautify,我在atom文本编辑器中工作,在React中的一个项目中,使用es6导入语句,并尝试使用atom beautify(0.33.4)格式化代码。我的一个文件的开头如下所示: import React, { Component } from 'react'; import { connect } from 'react-redux'; import { Link } from 'react-router-dom'; import axios from 'axios'; import { updat

我在atom文本编辑器中工作,在React中的一个项目中,使用es6导入语句,并尝试使用atom beautify(0.33.4)格式化代码。我的一个文件的开头如下所示:

import React, { Component } from 'react';
import { connect } from 'react-redux';
import { Link } from 'react-router-dom';
import axios from 'axios';

import { updateUser, updateUserLocation } from '../redux/reducers/user';

class Form extends Component {
  constructor(props) {
    super(props)
    this.state = {
      submitEnabled: false,
      lat: '',
      long: '',
      zip: '',
      city: '',
      state: '',
    }
  }

  validateName = (e) => {
    e.preventDefault();
    const { name, value } = e.target;
    const nameRegExp = /^[A-Za-zÀ-ÿ ,.'-]+$/;

    if (nameRegExp.test(value)) this.validInput(e)
    else this.invalidInput(name);
  }
目前,如果我使用键映射或自动格式化代码,它会:

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导入语句(预格式化snippit的第1-4行)和es6对象反结构化(预格式化snippit的第23行)


提前感谢您的回复

如果您使用的是
js-bestify
作为基础引擎,请将
支架样式设置为
折叠,保留内联。以下是Atom UI的等价物:

您可以通过使用以下UI设置来尝试此操作:

您还可以通过在“附加设置”中使用以下内容覆盖UI设置来完成此操作:


如果您使用的是
js-bestify
作为基础引擎,请将
brake-style
设置为
collapse,并保留内联
。以下是Atom UI的等价物:

您可以通过使用以下UI设置来尝试此操作:

您还可以通过在“附加设置”中使用以下内容覆盖UI设置来完成此操作:


:/这似乎不起作用。。谢谢你的邀请response@AndrewWatters它怎么不起作用?我没有atom插件,但我已经尝试过了,它对我很有用。提供设置的方法有很多种,所以可能是设置问题。如果你愿意,你可以来聊天。这在vs代码中对我也很有用。。将此添加到settings.json文件中的bestify.config:/这似乎不起作用。。谢谢你的邀请response@AndrewWatters它怎么不起作用?我没有atom插件,但我已经尝试过了,它对我很有用。提供设置的方法有很多种,所以可能是设置问题。如果你愿意,你可以来聊天。这在vs代码中对我也很有用。。将此添加到settings.json文件中的bestify.config
{
    "brace_style": "collapse,preserve-inline"
}