Javascript 防止Atom美化自动格式化es6导入/对象去结构化(React)
我在atom文本编辑器中工作,在React中的一个项目中,使用es6导入语句,并尝试使用atom beautify(0.33.4)格式化代码。我的一个文件的开头如下所示: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
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"
}