VueのVueのプロジェクトのディレクトリ構造のコーミング

Vueのプロジェクトのディレクトリ構造のコーミング

 

受賞オフQQ 1033553122

 

  1. 1.   構造コーミング

 

├──ビルド/#のWebPACKのプロファイル;

│└──...

一般的な設定オプションを構築するためのプロジェクトに関連する├──のconfig /#;

│├──index.js#マスター設定ファイル

│├──dev.env.js#の開発環境変数

│├──prod.env.js#本番環境変数

│└──test.env.js#テスト環境変数

├──のsrc /

│├──エントリファイルmain.js#のWebPACKの。

│├──モック/#mockjsストアデータファイル、別のデータを格納するためのモジュールを追加することが推奨されたモジュールのモック.jsファイル。

ストア・ファイルへ│├──店/#倉庫店。

以下のような共有リソースに格納│├──共通/#アイテム、:一般的な画像、アイコン、共有コンポーネント、モジュール、スタイル、一定のファイルなど。

├──││資産/#は、次のような、プロジェクトコード外のストレージリソースを共有:などの画像、アイコン、動画、.;

││├──など組立部品/#項目共通封じ込め:ナビゲーションのパッケージ、タブなど;注:ここで閉じ込めアセンブリが組み立て全て表示すべきです。

││├──ネットワーク/ようなネットワークモジュールに格納されている#項目:インターフェースと

││├──等互換モジュール、格納された互換性/位項目:各種インタフェースとアプリマイクロチャネル用のモジュール。

││├──拡張/#既存の拡張モジュールのような記憶されたクラス:拡張モジュールの配列型;

││├──ライブラリ/#自分のパッケージまたは参照ライブラリを格納します。

││├──utilsの/#いくつかのツールパッケージを所有

定数の││├──constant.js#jsファイルストレージ。

││├──constant.scss格納されている一定の#SCSS。

││└──...

サービスコードを格納されているアイテムの│└──APP /#。

│├──App.vue#アプリルートコンポーネント。

│└──...

├──ビュー#ページコンポーネントフォルダ
│├──content.vue#いくつかのcnodejsにコンテンツページを準備
│└──index.vue#いくつかのcnodejsページのリストを準備
├──スタイル#スタイルストアディレクトリ
│└──index.css#メインのスタイルファイル

├──そのディレクトリ内の静的/#純粋に静的リソースファイルは、WebPACKの処理ができませんだけで、出力ディレクトリにコピーされます。

├──テスト/#テスト

│├──単位/#テストユニット

│   │   ├── specs/              # test spec files

│   │   ├── eslintrc            # 专为单元测试配置的eslint配置文件

│   │   ├── index.js            # 测试编译的入口文件

│   │   ├── jest.conf.js        # Jest的配置文件

│   │   └── karma.conf.js       # Karma的配置文件

│   │   └── setup.js            # 在Jest之前运行的启动文件;

│   └── e2e/                    # e2e 测试

│       ├── specs/              # test spec files

│       ├── custom-assertions/  # 自定义的断言

│       ├── runner.js           # test runner 脚本

│       └── nightwatch.conf.js  # test runner 的配置文件

├── .babelrc                    # babel 的配置文件

├── .editorconfig               # 编辑器的配置文件;可配置如缩进、空格、制表类似的参数;

├── .eslintrc.js                # eslint 的配置文件

├── .eslintignore               # eslint 的忽略规则

├── .gitignore                  # git的忽略配置文件

├── .postcssrc.js               # postcss 的配置文件

├── index.html                  # HTML模板,入口页面

├── package.json                # npm包配置文件,里面定义了项目的npm脚本,依赖包等信息

└── README.md

 

 

  1. 2.   文件修改

调整目录后需要对相关文件进行修改

src/App.vue存放路径更改,需要修改默认src/main.js

修改

import App from './App'

import App from './app/App';

 

 

 

  1. 3.   参考链接
https://www.jianshu.com/p/75cf57e53451
https://www.cnblogs.com/zhaowy/p/8513070.html
 
 

おすすめ

転載: www.cnblogs.com/shouke/p/12090905.html