vue:windows10でvuecli3
差分
このページの2つのバージョン間の差分を表示します。
次のリビジョン | 前のリビジョン | ||
vue:windows10でvuecli3 [2018/12/23] – 作成 adash333 | vue:windows10でvuecli3 [2018/12/23] (現在) – [作成したアプリの実行] adash333 | ||
---|---|---|---|
行 26: | 行 26: | ||
npm install -g @vue/cli | npm install -g @vue/cli | ||
</ | </ | ||
+ | 数分かかって、@vue/ | ||
+ | {{: | ||
+ | 参考:http:// | ||
+ | |||
+ | ===== exec $SHELL -l を忘れずに! ===== | ||
+ | Windowsではそのようなことはなかったのですが、Ubuntuでは、npm installした後に、必ず、 | ||
+ | < | ||
+ | exec $SHELL -l | ||
+ | </ | ||
+ | というコマンドを入力しないと、直前にインストールしたCLIなどのコマンドを利用することができません。 | ||
+ | |||
+ | 参考:https:// | ||
+ | 2015/01/02 投稿者: BGBGBG | ||
+ | bashスクリプトでの.bashrc変更内容を起動したシェルへ反映する | ||
+ | |||
+ | ===== vue uiでGUI操作 ===== | ||
+ | Vue CLI 3では、GUI操作でVue.jsアプリが作成できるらしいので、やってみます。まだbeta版だそうですが、楽しそうです! | ||
+ | < | ||
+ | vue ui | ||
+ | </ | ||
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | *一度、Ctrl+C でサーバ停止して、vue/ | ||
+ | {{: | ||
+ | *作成 をクリック | ||
+ | {{: | ||
+ | *ここに新しいプロジェクトを作成する をクリック | ||
+ | {{: | ||
+ | *プロジェクト名を入力して、次へ をクリック | ||
+ | {{: | ||
+ | *デフォルトをクリックして、プロジェクトを作成する をクリック | ||
+ | {{: | ||
+ | 10分くらいかかる。 | ||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | ===== 作成したアプリの実行 ===== | ||
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | これは面白い! | ||
+ | |||
+ | ちなみに、作成したmyAppフォルダの中身は、以下のような構成になっている。 | ||
+ | |||
+ | {{: | ||
+ | |||
+ | ===== Vue CLI 3.0のリンク ===== | ||
+ | https:// | ||
+ | vue-cli 3.0で始めるPWAとVue.jsのconfig周り開発Tips | ||
+ | slontが2018年7月15日に投稿(2018年7月20日更新) | ||
+ | |||
+ | https:// | ||
+ | vue-cli 3.0時代のNuxt.js | ||
+ | andoshin11 | ||
+ | March 27, 2018 | ||
+ | |||
+ | https:// | ||
+ | 2018-10-11 | ||
+ | Vue CLI 3での開発環境を作るの基礎の基礎 | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | ===== Vue.jsでお勧めの本 ===== | ||
+ | とりあえず、何か動くものを作ってみたい場合は、以下の本がお勧めです!写経していて楽しいです! | ||
+ | < | ||
+ | <iframe style=" | ||
+ | </ | ||
+ | |||
+ | 一緒に、Vue.jsの基本を学ぶだめに以下の本がお勧めです。 | ||
+ | < | ||
+ | <iframe style=" | ||
+ | </ | ||
- | 参考:http:// | ||
vue/windows10でvuecli3.txt · 最終更新: 2018/12/23 by adash333