以前の履歴 → https://github.com/pn11/benkyokai/tree/master/web/Vue.js/noise-free-search
sudo apt install yarn は別のものが入るのでやらないこと。以下の公式サイト通りにやる。
https://yarnpkg.com/lang/en/docs/install/#debian-stable
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.listsudo apt-get update && sudo apt-get install yarnUbuntu 16.04 では yarn を実行するとエラーになることがある。Node.js をアップデートすると治る。
brew install yarnmkdir noise-free-search
yarn init
yarn add webpack webpack-dev-server vue vue-loader vue-template-compilernode_modules/.bin/webpack #webpack でコンパイル
yarn start # http://localhost:4000 にアクセスで見られる。
Web フレームワークを初めて使ってみた。
yarn add firebase firebase-tools
node_modules/.bin/firebase login
node_modules/.bin/firebase initで Hosting を選び public directory を www に指定する以外はすべて default で OK.
index.html に以下を追加。
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="/__/firebase/6.1.1/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#reserved-urls -->
<!-- Initialize Firebase -->
<script src="/__/firebase/init.js"></script>以下でデプロイ。
firebase deploy --project defaultデプロイ結果。Webアプリを初めて公開してみた。
firebase login:ciで token が生成されるのでこれを
firebase deploy --project default --token "GENERATED_TOKEN"のように使えば GitHub Actions などで使える。
- リストレンダリング — Vue.js
- コンポーネントの基本 — Vue.js
- これを真似していったらコンポーネントが理解できた。 Vue.js は公式サイトを写経していくのが一番良い勉強方法かも。
- 算出プロパティとウォッチャ — Vue.js