VUEのNode.js VSCodeテンプレートテンプレートを構築するための環境：
- ：最初のノードのインストールhttp://www.runoob.com/nodejs/nodejs-install-setup.htmlを
- 勝利+ R ----> CMD：コマンドラインに
- cd f:\
- MD vuetest
- CDのvuetest
- インストールのWebPACK：NPMインストールWebPACKの-g
- インストールVUEの足場：NPM VUE-CLIをインストール-g
- VUEのinitのWebPACKのPROJ：プロジェクトを作成します。
- 使用ESLintはあなたのコードをlintの：これは、コードの警告である、これは非常に迷惑です最高ではないだろう
-
- プロジェクトディレクトリ：
- インストールプロジェクトの依存関係：NPMインストール
- インストールVUEルーティングモジュールVUE-ルータとネットワークの要求モジュールVUE-資源：VUE-ルータVUE-リソースをインストールcnpm --save
- インストールelementui：NPMインストールelementui --save
- 取り付けVUEのgridster：NPMインストールVUE-パワードラッグ
- インストールecharts：NPMインストールecharts -S
- インストールaxiosは、HTTPリクエストを目覚め：
npm install axios - VSCodeは次のとおりです。
- 一方ctrl_s HTTPへの完全な入力ブラウザをコンパイルした後、コンパイルを開始するには、ファイルを保存：// localhostを：8080の結果を見て
- 結果を見るために8080：// localhostを：VScodeコンソールはNPMは、HTTPにコンパイルブラウザの後,,コンパイルを開始もを使用することができます
app.vue：
<テンプレート>
<DIV ID = "アプリ">
<H2>こんにちはテキ</ H2>
<ルータビュー/>
</ div>
</テンプレート>
<スクリプト>
輸出のデフォルト{
名前：「アプリケーション」
}
</ SCRIPT>
<スタイル>
#app {
フォントファミリ：「未来」、ヘルベチカ、ゴシック、サンセリフ;
-webkit-フォントスムージング：アンチエイリアス。
-moz-OSX-フォントスムージング：グレースケール。
テキスト整列：センター;
色：＃2c3e50。
マージントップ：60PX;
}
</スタイル>
index.js：
「表示」からインポートビュー
「VUE-ルータ」からインポートルータ
'@ /コンポーネント/ HelloWorldの' からの輸入のHelloWorld
以下からのインポートテスト「@ /コンポーネント/テスト」
'@ /コンポーネント/ T123' からインポートT123
'@ /コンポーネント/ T456' からインポートT456
'@ /コンポーネント/ T789' からインポートT789
「@ /コンポーネント/スロット」からインポートスロット
Vue.use（ルーター）
/ * eslint-無効* /
輸出デフォルト新しいルータ（{
ルート：[
{
道： '/'、
名前：「HelloWorldの」
コンポーネント：HelloWorldの
}、
{
パス： '/テスト'、
名前：「試験」、
成分：テスト
}、
{
パス： '/ T123'、
名前： 'T123'、
コンポーネント：T123
}、
{
パス： '/ T456'、
名前： 'T456'、
コンポーネント：T456
}、
{
パス： '/ T789'、
名前： 'T789'、
コンポーネント：T789
}、
{
パス：「/スロット」
名前：「スロット」、
コンポーネント：スロット
}
]
}）
main.js：
// Vueが `import`コマンドでロードするバージョンをビルド
//（実行時のみ、またはスタンドアロン）は別名を持つwebpack.base.confに設定されています。
「表示」からインポートビュー
「./App」からの輸入のApp
「./router」からインポートルータ
'ANT-設計-VUE' からインポートAntd
量ヘラジカ設計-VUE / DIST / antd.css'
Vue.config.productionTip =偽
Vue.use（Antd）
/ * eslint-無効に無新しいです* /
新しいビュー（{
「#app」
ルータ、
成分：{アプリケーション}
テンプレート： '<アプリケーション/>'
}）
index.htmlを：
<！DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8">
<メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0」>
<タイトル> myvue </ TITLE>
</ head>の
<身体>
<DIV ID = "アプリ"> </ div>
<！ - 構築されたファイルは、自動注入されます - >
</ BODY>
</ HTML>