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

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

現在位置: index.html » vue » windows10でvuecli3

トレース:

vue:windows10でvuecli3

差分

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

この比較画面へのリンク

--- vue:windows10でvuecli3 [2018/12/23] – [@vue/cliのインストール] adash333
+++ vue:windows10でvuecli3 [2018/12/23] (現在) – [作成したアプリの実行] adash333
@@ 行 31: / 行 31: @@
 参考：http://www.fumiononaka.com/Business/html5/FN1807002.html
-===== 見出し =====
+===== exec $SHELL -l　を忘れずに！ =====
+Windowsではそのようなことはなかったのですが、Ubuntuでは、npm installした後に、必ず、
+<code>
+exec $SHELL -l
+</code>
+というコマンドを入力しないと、直前にインストールしたCLIなどのコマンドを利用することができません。
+参考：https://blog.bgbgbg.net/archives/2366
+/01/02 投稿者: BGBGBG
+bashスクリプトでの.bashrc変更内容を起動したシェルへ反映する
+===== vue uiでGUI操作 =====
+Vue CLI 3では、GUI操作でVue.jsアプリが作成できるらしいので、やってみます。まだbeta版だそうですが、楽しそうです！
+<code>
+vue ui
+</code>
+{{:vue:pasted:20181224-004700.png}}
+{{:vue:pasted:20181224-005330.png}}
+  *一度、Ctrl+C でサーバ停止して、vue/　フォルダを作成して移動してから、再度、vue ui
+{{:vue:pasted:20181224-005540.png}}
+  *作成　をクリック
+{{:vue:pasted:20181224-005634.png}}
+  *ここに新しいプロジェクトを作成する　をクリック
+{{:vue:pasted:20181224-005745.png}}
+  *プロジェクト名を入力して、次へ　をクリック
+{{:vue:pasted:20181224-010516.png}}
+  *デフォルトをクリックして、プロジェクトを作成する　をクリック
+{{:vue:pasted:20181224-010554.png}}
+分くらいかかる。
+{{:vue:pasted:20181224-011906.png}}
+{{:vue:pasted:20181224-013044.png}}
+===== 作成したアプリの実行 =====
+{{:vue:pasted:20181224-013427.png}}
+{{:vue:pasted:20181224-013456.png}}
+{{:vue:pasted:20181224-013517.png}}
+これは面白い！
+ちなみに、作成したmyAppフォルダの中身は、以下のような構成になっている。
+{{:vue:pasted:20181224-013739.png}}
+===== Vue CLI 3.0のリンク =====
+https://www.maytry.net/start-pwa-by-vue-cli-3/
+vue-cli 3.0で始めるPWAとVue.jsのconfig周り開発Tips
+slontが2018年7月15日に投稿（2018年7月20日更新）
+https://speakerdeck.com/andoshin11/vue-cli-3-dot-0shi-dai-falsenuxt-dot-js
+vue-cli 3.0時代のNuxt.js
+andoshin11
+March 27, 2018
+https://nogson2.hatenablog.com/entry/2018/10/11/185620
+-10-11
+Vue CLI 3での開発環境を作るの基礎の基礎

vue/windows10でvuecli3.1545579298.txt.gz · 最終更新: 2018/12/23 by adash333