サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


00.ionic5:04.ionic-vueのデフォルトアプリをnetlifyにデプロイ


差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
00.ionic5:04.ionic-vueのデフォルトアプリをnetlifyにデプロイ [2020/12/09] – [開発環境] adash33300.ionic5:04.ionic-vueのデフォルトアプリをnetlifyにデプロイ [2020/12/09] (現在) – [参考] adash333
行 11: 行 11:
 ===== 開発環境 ===== ===== 開発環境 =====
 <code> <code>
 +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
 </code> </code>
 +===== Ionic CLIのインストール =====
 +
 +C:/ionic/ フォルダをVisualstudiocodeで開き、Ctrl+@でターミナル画面を開き、以下を入力します。
 +
 +<code>
 +npm install -g @ionic/cli@latest
 +</code>
 +
 +===== 新規Ionic Vueアプリの作成 =====
 +
 +
 +<code>
 +ionic start ionic-vue-netlify tabs --type vue
 +cd ionic-vue-netlify
 +ionic serve
 +</code>
 +
 +
  
 ===== 参考 ===== ===== 参考 =====
 +
 +https://i-doctor.sakura.ne.jp/web/doku.php?id=00.ionic4:10.ionic4%E3%81%A8capacitor%E3%81%A7gps%E5%8F%96%E5%BE%97#netlify%E3%81%AB%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4
 +Ionic(Angular)をNetlifyにデプロイする場合は、
 +<code>
 +npm run build --prod
 +www
 +</code>
 +
 +
  
 縞々のテーブルのcss 縞々のテーブルのcss
行 21: 行 55:
 How TO - Zebra Striped Table How TO - Zebra Striped Table
  
 +{{ :00.ionic5:screenshot_20201209-212832_2.png |}}
 +
 +
 +https://cr-vue.mio3io.com/tutorials/todo.html
 +ToDoリストを作りながら学習しよう!
  
 +https://github.com/KarineLiuti/todo-list-ionic-vue/tree/master/src
 +todo-list-ionic-vue
  
  


00.ionic5/04.ionic-vueのデフォルトアプリをnetlifyにデプロイ.1607516363.txt.gz · 最終更新: 2020/12/09 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki