プロジェクトVUEを作成します。1.
cmdのコマンド
アプリ（アプリのカスタムプロジェクト名）を作成VUE
通常、（スペースが選択されている）自分のニーズのために独自の設定オプションでは、後者、外観を選択
ここでは（あなたが自分のニーズに応じて選択することができます）などのルータ、状態管理Vuex、CSSのプロセッサを、ルーティング、私の個人的なニーズのためのいくつかのオプションがあります
ここで[はい]を選択します（Y）
私はSASSを選ぶためにここにいます
そして、いくつかの従来の開いたESLint
静かにそれを完了するために、インストールを待ちます！
2、プロジェクトおよび構成し、複数のページを実行
CDアプリの 糸はサーブ/ NPMの実行を果たします
8080ポートは、一般的にローカルサービスに起因して発生しているが、8080ポートを実行されている、デフォルトのポート8081オープン
ルートディレクトリエントリのコンフィギュレーション設定vue.config.jsの下に作成さ1、
module.exportsは= {
{：ページ
について：{
エントリ：、 '/ main.jsについてはsrc /ページ/'
の公開/ about.html '：テンプレート
ファイル名： 'about.html'
}、
インデックス：{
エントリ： " SRC /ページ/ホーム/ main.js'、
テンプレート： '公共/ index.htmlを'、
ファイル名： 'index.htmlを'
}
}
}
2、ファイルを作成し、元のファイルを削除
移除根目录下的main.js和App.vue
在public下我新建了两个html（index.html和about.html）
在src下新建pages文件夹其下新建了home、about文件夹
并且分别在home和about下面新建main.js和App.vue
当然也可以把路由放在该目录下。
App.vue
<template>
<div id="home">
Home
</div>
</template>
<script>
export default {
name: 'Home'
}
</script>
main.js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#home')
3、重启一下项目
这样就完成了多页面的vue项目搭建！