サルでもわかる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
行 20: 行 20:
 yarn 1.22.10 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
行 29: 行 56:
  
 {{ :00.ionic5:screenshot_20201209-212832_2.png |}} {{ :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にデプロイ.1607517092.txt.gz · 最終更新: 2020/12/09 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki