我的Visual Studio代码扩展未正确显示代码

时间:2020-08-08 17:00:01

标签: javascript reactjs material-ui

大家好,我是学生和学习者,是Visual Studio代码的新手。我使用的是Java Scr ipt,每当我尝试通过按Ctrl + save按钮保存代码时,它都会自动缩进代码,这会在终端上显示问题,请您帮帮我! 这是我在按Ctrl + save之前写的:

  return ( <
        div className = "App" >
        <h1> Hello World this is my world i am the master of this world you all are my slaves! </h1>
        <FormControl >
        <InputLabel > Email a message... </InputLabel> 
        <Input value = { input }
        onChange = { event => setInput(event.target.value) }/>
        <Button disabled = {!input }
        color = "primary"
        variant = "contained"
        onClick = { sendMessage } > send </Button>  
        </FormControl>

{
  message.map(message => ( 
    <Message text={message}/>
  ))
} 
</div>);
  }  

     

这里是按Ctrl + S后自动执行的操作:

    return ( <
    div className = "App" >
    <
    h1 > Hello World this is my world i am the master of this world you all are my slaves! < /h1> <
    FormControl >
    <
    InputLabel > Email a message... < /InputLabel>  <
    Input value = { input }
    onChange = { event => setInput(event.target.value) }
    /> <
    Button disabled = {!input }
    color = "primary"
    variant = "contained"
    onClick = { sendMessage } > send < /Button>   <
    /FormControl>

    {
        message.map(message => ( <
            Message text = { message }
            />
        ))
    } <
    /div>);
}

因此,我的终端出现问题:

{
"resource": "/c:/Users/DELL/Desktop/fbmsg/fbmsg/src/App.js",
"owner": "typescript",
"code": "1005",
"severity": 8,
"message": "'</' expected.",
"source": "ts",
"startLineNumber": 41,
"startColumn": 24,
"endLineNumber": 41,
"endColumn": 24

}

2 个答案:

答案 0 :(得分:0)

我假设您想知道如何在不使用自动格式设置的情况下将您的工作保存在VS Code中。在这种情况下,可以使用键盘快捷键来保存文件而不进行格式化。

对于Mac : Shift + K S

您还可以使用Shift + Cmd + P打开命令栏,然后在其中搜索“不格式化保存”,它会告诉您正确的快捷方式。

答案 1 :(得分:0)

您可以从VS-Code扩展市场中安装 Prettier 扩展。它使代码更简洁漂亮。

  • 您可以进一步了解here
  • 可以在其他任何一天使用VS-Code扩展名here