ここにドキュメントを書いていきます.
master
and dev
レポジトリへの直接の変更禁止!!
必ずプルリクしてください
基本レビューをしてもらうこと、オブザーバーや急ぎの際はPRをして自分で最終チェックしてください
node v8.9.1以上
npm i
$ npm run dev
開発用コマンド
http://localhost:4000/2018/
※/2018/をベースURLにしている為、上記のアドレスで確認してください
$ npm run build
本番へ向け、jsやcssをビルドします
$ npm run start
プロダクション向けにサーバー起動
※必ず先にbuildすること
$ npm run generate
静的にHTMLに吐き出します。
distディレクトリが作成されます
pages
直下にはpage_name.vue
のvueファイルを置く_lang
ディレクトリにpage_name
ディレクトリを作成(トップだけ特別になっているので注意page_name
ディレクトリにindex.vue
を作成、テンプレートファイル(pug)やスタイル(sass)ファイルになるべく分割してくださいimport PageName from './_lang/page_name/index'
export default PageName
とpage_name.vue
のscript
に記載する
locales
ディレクトリ に ja.json
と en.json
に記載して,vueファイルなどでthis.$t('top.title')
(テンプレートの場合はthisいらない)として使います。
ja
とen
のkey
は必ず揃えてください
ページ名をトップキーにしてください。
現在のlocale
はstoregettre
から取れます。
例
import { mapGetters } from 'vuex'
export default {
//..省略
computed: mapGetters({
locale: 'locale'
}),
//..省略
}
ja
-> /
en
-> /en
例えばスポンサーなら
ja
-> /sponsor
en
-> /en/sponsor
リンクパスは nuxt-link(:to="$i18n.path('sponsor')" exact)
のように対応`(HeaderNavi参照
package.json
"config": {
"nuxt": {
"host": "0.0.0.0",
"port": "4000" // ここを変更
}
},