所以我今天开始学习榆树。我使用VSCode作为我的编辑器。
我跟着the docs进行了设置,并通过elm
安装了el-format
以及npm install -g elm elm-format
。我还安装了VSCode Elm扩展。
接下来,在我的settings.json
中我设置:
"[elm]": {
"editor.formatOnSave": true
},
然后我继续学习本教程。在其中代码的格式如下:
import Browser
import Html exposing (Html, Attribute, div, input, text)
import Html.Attributes exposing (..)
import Html.Events exposing (onInput)
-- MAIN
main =
Browser.sandbox { init = init, update = update, view = view }
-- MODEL
type alias Model =
{ content : String
}
init : Model
init =
{ content = "" }
-- UPDATE
type Msg
= Change String
update : Msg -> Model -> Model
update msg model =
case msg of
Change newContent ->
{ model | content = newContent }
-- VIEW
view : Model -> Html Msg
view model =
div []
[ input [ placeholder "Text to reverse", value model.content, onInput Change ] []
, div [] [ text (String.reverse model.content) ]
]
但是当我点击安全时,它会像这样格式化代码:
module Main exposing (Model, Msg(..), init, main, update, view)
import Browser
import Html exposing (Attribute, Html, div, input, text)
import Html.Attributes exposing (..)
import Html.Events exposing (onInput)
-- MAIN
main =
Browser.sandbox { init = init, update = update, view = view }
-- MODEL
type alias Model =
{ content : String
}
init : Model
init =
{ content = "" }
-- UPDATE
type Msg
= Change String
update : Msg -> Model -> Model
update msg model =
case msg of
Change newContent ->
{ model | content = newContent }
-- VIEW
view : Model -> Html Msg
view model =
div []
[ input [ placeholder "Text to reverse", value model.content, onInput Change ] []
, div [] [ text (String.reverse model.content) ]
]
所以它增加了额外的线条,额外的module Main exposing ...
和空间数量增加了一倍。我尝试使用VSCode中的页脚再次将空格设置为2,但这没有帮助。
我的问题是:
module Main ...
?首先,这个问题过于宽泛,主要是基于意见的,因此可能会被关闭。我认为它本来更适合the forums。
也就是说,我会尽可能地尽力回答它,因为它就在这里:
elm-format
是社区标准,所以它是4。