[Flutter] 使えそうだなと思ったコーディング規約やVSCODEでの設定


VSCodeの設定

ファイル場所

for Mac

~/Library/Application Support/Code/User/settings.json

importの順番変更 設定


"editor.codeActionsOnSave": {
        // importの順番変更
        "source.organizeImports": true,
},

カッコのペアを色分けする設定

"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": true,

三項演算子に関するルール

よく三項演算子でWidgetを切り替えるのでできる限りメソッド化する

長くなりすぎるBuilderをメソッド切り出しする

情報をimutable管理

VSCodeのplugin

1. Errorを教えてくれる

2. インデントを視覚的に分かりやすく表現

3. コード内のコメントに色をつける

私はTODOをよく使用するので重宝しています。

4. TODOツリー

TODOを全体検索しなくてもひと目で分かるので結構楽ちん。

4. Flutter Widget Snippets


命名規則

1. ファイル名

ファイル名はスネークケースで命名する

sample_list_page.dart

2. クラス名

クラス名はパスカルケースで命名する

class SampleListPage extends StatefulWidget {
// 省略
}

3. メソッド名・変数名

メソッド名・変数名はキャメルケースで作成する

void getItem() {
// 省略
}

Widgetに関する命名規則

TODO: ファイル名はどういう命名規則にするか

コンポーネント切り出し方法

コンポーネント自体は関数切り出しした方がいいような感じがする


この記事が気に入ったらサポートをしてみませんか?