Eslint配合EditorConfig，提高編碼效率

錦衣無涯發表於2018-11-16
EsLint

本文使用VScode編輯器
Eslint 規則 預設需要為程式碼 留空一行 否則一般會報錯
如以下程式碼

1<template>
2    <header class="main-header">
3        <h1>EList</h1>
4    </header>
5</template>
6
7<style lang="stylus"  scoped>
8.main-header {
9    text-align center
10    h1 {
11        font-size 100px
12        color rgba(175, 47, 47, 0.4)
13        margin 20px
14    }
15}
16  

複製程式碼

到VScode商店下載EditorConfig for VScode
EditorConfig 介紹： [EditorConfig可以幫助開發者在不同的編輯器和IDE之間定義和維護一致的程式碼風格] www.alloyteam.com/2014/12/edi…
配置.editorconfig

//.editorconfig
root = true //告知為頂層目錄，不需再往上查詢

[*]
charset = utf-8 //編碼集
//unix風格的回車
end_of_line = lf 
//空兩格
indent_size = 2 
//是否留空
indent_style = space 
//檔案以一個空白行結尾
insert_final_newline = true 
//除去換行行首的任意空白字元
trim_trailing_whitespace = true 
複製程式碼

接下來重啟 生效 EditorConfig 配置可以使你更輕鬆的書寫Eslint規範程式碼

相關文章