vue-cliに基づいて作成したプロジェクトのディレクトリ構造と説明を紹介します。


一、
├——build/プロジェクト構築(webpack)関連コード記憶:9個
_;——build.js/生産環境構築コード
_;-check-versions.js//検査node&npmなどのバージョン
_;-dev-client.js/熱負荷関連
デv-server.js//ローカルサーバの構築
_;——utils.js/構築配置ユーティリティ
空を飛ぶ_;——vue-loader.co.nf.js//vue加載器
_;——webpack.base.com nf.js/webpack基礎環境構成
_;——webpack.dev.com nf.js/webpack開発環境配置
瓞瓜を読む——webpack.prod.com.js/webpack生産環境配置
二、
├——config//プロジェクト開発環境配置に関するコード記憶:(環配)3つ
_;——dev.env.js//開発環境変数
_;——index.js/プロジェクトのいくつかの設定変数
煥煛を読む——prod.env.js/生産環境変数
三、
ノドドドmodules/プロジェクト依存モジュールメモリ:(依存)*個
四、
s rc/ソースディレクトリ5
1
空飛ぶ├——asets/資源目録
喞縒を喗る——logo.png
2
_;-components/vue公共部品
よみがえった一羽の覽——Hello.vue
3
_;-router/先端ルート
蓣縒をジャンプする——index.js/ルートの配置ファイル
4
ページの入り口のファイル(ルートコンポーネント)
5
蓣一ジャンプ——main.js//プログラム入口文書(入口jsファイル)
五、
たとえば、いくつかの写真、jsonデータなどです。
├├の├
残ります
├——.babelrc//ES 6文法コンパイル配置
_;——.editoconfig/定義コードフォーマット
├——.gitignore/gitアップロードは無視するファイルフォーマットが必要です。
├——index.html/入り口ページ
├——package.json/プロジェクト基本情報
_;——README.md/プロジェクト説明
付録、
一般的な場合:
ESlint s 6のコードスタイルの検査器y
AirBNBデフォルト
Karma+Mocha No
e 2 e No
以上のvue-cliに基づいて作成されたプロジェクトのカタログ構造と説明は、小編集が皆さんに提供した内容の全部です。参考にしていただければと思います。どうぞよろしくお願いします。