■インストール環境:Ubuntu22.04
20231205 Node.jsインストール後
20231205_2 Vue アプリケーションの作成
#######################################################################
●Node.jsインストール前
$ sudo apt-get update
$ sudo apt-get upgrade
$
#######################################################################
●Node.jsインストール
~$ sudo apt-get update && sudo apt-get install -y ca-certificates curl gnupg
~$ curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | sudo gpg –dearmor -o /etc/apt/keyrings/nodesource.gpg
~$ NODE_MAJOR=20
~$ echo “deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_$NODE_MAJOR.x nodistro main” | sudo tee /etc/apt/sources.list.d/nodesource.list
~$ sudo apt-get update && sudo apt-get install nodejs -y
#######################################################################
●Node.jsインストール後
sudo apt-get install gcc g++ make
## To install the Yarn package manager, run:
$ curl -sL https://dl.yarnpkg.com/debian/pubkey.gpg | gpg –dearmor | sudo tee /usr/share/keyrings/yarnkey.gpg >/dev/null
$ echo “deb [signed-by=/usr/share/keyrings/yarnkey.gpg] https://dl.yarnpkg.com/debian stable main” | sudo tee /etc/apt/sources.list.d/yarn.list
$ sudo apt-get update && sudo apt-get install yarn
#######################################################################
■Vue.js-超入門-3.2対応.pdf
# 環境確認
$ node -v
$ npm -v
$ yarn -v
# Viteでプロジェクトを作成する
# yarnの場合
$ yarn create vite my-vite-todo –template vue
※任意のフォルダーにプロジェクト名の「my-vite-todo」フォルダーが生成されていれば、成功です。
# Vueアプリを確認する
# それでは、Vueの最初のアプリを動かしてみましょう。以下のコマンドを実⾏してください。
# yarnの場合
$ cd my-vite-todo
$ yarn
$ yarn dev
これで開発⽤のサーバーが起動できましたので、ブラウザーを起動し、
以下のアドレスにアクセスしてください。
http://localhost:5173/
以下のような画面が表示されれば、Vue3アプリの最初の関門は突破できました!
■Vue アプリケーションの作成(公式チュートリアル)
※チュートリアルでは、わからない。
# create-vue をインストールして実行
$ npm create vue@latest
cd vue-project
npm install
npm run dev