title: 前端工程化探索——editorconfig
category: Web
tag: [前端工程化]
date: 2019-07-14
產(chǎn)生背景
我們在看項目目錄的時候系瓢，常常會看到 .editorconfig文件，這個文件有什么作用蝶溶？
這得從一個技術(shù)細節(jié)談起：行尾序列登失，處理換行。
在 Windows平臺新建一個文件按下回車晨缴，默認執(zhí)行 回車+換行 兩個操作 CR+LF稚晚，在Linux上執(zhí)行的是 換行 LF，在mac上執(zhí)行的是回車 CR近尚。
這意味著同樣一段話，不同瀏覽器保存時候文本格式不同场勤，你看到git報警文件有變化肿男，打開之后什么提示也沒有，那有可能就是這個問題了却嗡。
如果統(tǒng)一都用lf 就沒問題了。
此外嘹承，有點編輯器會刪除多余的空行窗价，最后一行自動添加回車等操作。各種奇怪問題的出現(xiàn)叹卷，就意味著我們需要去統(tǒng)一撼港。
editorconfig 配置文件就有用了。他有一個官網(wǎng)
如何使用
如果你是 vscode 用戶骤竹，需要先安裝插件來確保生效 EditorConfig for VS Code
項目目錄創(chuàng)建一個文件 .editorconfig
# EditorConfig is awesome: https://EditorConfig.org
root = true
[*]
#indent_style = space
#indent_size = 4
end_of_line = lf
[rename/**]
charset = utf-8
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
配置說明
| 屬性 | 可選值 | 描述 |
|---|---|---|
| indent_style | tab or space | 空格黨還是tab黨 |
| indent_size | 一個整數(shù) | 一個縮進有多寬 |
| tab_width | 一個整數(shù) | 一個tab有多寬 |
| end_of_line | lf, cr, crlf | 換行符 |
| charset | utf-8 | 字符集 |
| trim_trailing_whitespace | true | 換行符簽名是否允許有空格 |
| insert_final_newline | true | 文件末尾是否以換行符結(jié)束 |
| root | true | 當前是否是root |
