00.ionic5:04.ionic-vueのデフォルトアプリをnetlifyにデプロイ
差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
| 00.ionic5:04.ionic-vueのデフォルトアプリをnetlifyにデプロイ [2020/12/09] – [開発環境] adash333 | 00.ionic5:04.ionic-vueのデフォルトアプリをnetlifyにデプロイ [2020/12/09] (現在) – [参考] adash333 | ||
|---|---|---|---|
| 行 11: | 行 11: | ||
| ===== 開発環境 ===== | ===== 開発環境 ===== | ||
| < | < | ||
| + | Windows10 Pro | ||
| + | VisualStudioCode 1.51.0 | ||
| + | Git for Windows v2.29.2 | ||
| + | nvm-windows 1.1.7 | ||
| + | node v14.15.0 | ||
| + | npm 6.14.8 | ||
| + | yarn 1.22.10 | ||
| </ | </ | ||
| + | ===== Ionic CLIのインストール ===== | ||
| + | |||
| + | C:/ionic/ フォルダをVisualstudiocodeで開き、Ctrl+@でターミナル画面を開き、以下を入力します。 | ||
| + | |||
| + | < | ||
| + | npm install -g @ionic/ | ||
| + | </ | ||
| + | |||
| + | ===== 新規Ionic Vueアプリの作成 ===== | ||
| + | |||
| + | |||
| + | < | ||
| + | ionic start ionic-vue-netlify tabs --type vue | ||
| + | cd ionic-vue-netlify | ||
| + | ionic serve | ||
| + | </ | ||
| + | |||
| + | |||
| ===== 参考 ===== | ===== 参考 ===== | ||
| + | |||
| + | https:// | ||
| + | Ionic(Angular)をNetlifyにデプロイする場合は、 | ||
| + | < | ||
| + | npm run build --prod | ||
| + | www | ||
| + | </ | ||
| + | |||
| + | |||
| 縞々のテーブルのcss | 縞々のテーブルのcss | ||
| 行 21: | 行 55: | ||
| How TO - Zebra Striped Table | How TO - Zebra Striped Table | ||
| + | {{ : | ||
| + | |||
| + | |||
| + | https:// | ||
| + | ToDoリストを作りながら学習しよう! | ||
| + | https:// | ||
| + | todo-list-ionic-vue | ||
00.ionic5/04.ionic-vueのデフォルトアプリをnetlifyにデプロイ.1607516363.txt.gz · 最終更新: 2020/12/09 by adash333
