シンプルなディレクトリ構造は:
| -index.html
|エントリファイル-main.js
-App.vue VUE文書、公式の推奨命名法|
| -package.jsonプロジェクトファイル(プロジェクトの依存関係、名前、設定を)
NPMは、init --yes生成します
| -webpack.config.js WebPACKのプロフィール
ES6:モジュラー開発の
エクスポートモジュール:
エクスポートデフォルト{}
導入モジュール:
アドレスからインポートモジュール名
------------------------------ --------------
webpakの準備:
CNPMインストールWebPACKの--save-devの
CNPMインストールのWebPACK-DEV-サーバー--save-devの
App.vue - > [email protected]通常のコードに
インストールCNPM [email protected] --save-devの
VUE-HTML-CNPMローダー--save-devのインストール
VUE-ローダー-HTML、CSS-ローダー、VUEスタイル・ローダー(行のCSSスタイル)、
JS(内のモジュール[email protected]を)
バベルローダ
バベルコア(核心语法)
バベル・プラグイン変換ランタイム
バベル・プリセット・es2015の
バベル、ランタイム
ほとんどのコア:
VUEは、ダウンロード
生産は依存性の発達にと(依存開発)--save-devのをダウンロードすることにより依存している識別名
--save(プロダクション依存)