VUEプロジェクト開発典拠レコード

コードの仕様

ファイルの命名

たとえば、アンダースコア統一セグメンテーションを使用** goods_library.vue **

コードフォーマットの制約

1. vscodeプラグEditorConfigをインストール
2. vscode eslintプラグインのインストール、構成項目と設定を添加
3. エディタはeslintエラーを解決する必要があります表示されます

vscode追加設定

"eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue"
]

CSSの仕様

統一された使用SCSSプリコンパイラ

命名規則

下線付きの名前の使用、例えば.main-コンテナ

属性の順序

.main {
    position: absolute; // 定位属性放在最前面
    top: 0;
    left: 0;
    display: flex; // 盒子模型放在其次
    margin: 10px;
    width: 100px;
    background: #ee5b5b; // 其他属性放最后
    color: #fff;
}

仕様書の作成

ラインセレクタにネストすることはスペースでなければなりません

.main {
    position: absolute;
    top: 0;
    left: 0;

    .wrapper { // 嵌套选择器上一行必须空格

    }
}

VUE開発仕様

1. できるだけ少ないデータモデル内のデータは、属性がページに書き込まれたデータに応じて禁止する必要はありません
2. フォーム関連データに統一形態で、モデルを定義する
   `JS
   VUE順次配置プロパティ

mixins: [],
data() {},
inject: [],
provide: {},
props: {},
computed: {}
watch: {}
directives: {}
created() {},
mounted() {},
//... 生命周期函数
filters: {}
methods: {}
components: {}

プロジェクトディレクトリの指定

• 民間のビジネス・コンポーネントは、ディレクトリビジネス関連のフォルダに保存されているコンポーネントを確立しなければならない、SRC / componentsディレクトリにあるプライベートコンポーネントの下で事業を置かないでください。
• 資産/ JSのJSモジュール置か公共、モジュールのための民間のjs jsのディレクトリには、ビジネス関連のフォルダの下に設立されなければなりません
• 公共のスタイルファイルを配置する資産/スタイル、禁止されたスタイルファイルVUEに書き込まれる文書がページを書くとき、あなたはそれぞれ、DOMやスタイルを書くためのエディタを分割することができ、引き抜きます。
• SRC /コンフィグSRC /ディレクティブSRC /ミックスインSRC / utilsの唯一のストレージモジュールとシステムレベルの機能