jQuery じゃなくて vue ?

現在、xserver 上で Laravel を動かしています。

私個人用のカード型データベースで画像も保存できるようになっています。
ありとあらゆる情報をここに記録しており、必要に応じていつでも検索できるようになっています。これはとても便利で、これがないと非常に不便な思いをすると思います。

その Laravel アプリを導入する際に vue も、と思ったのですがとても難解であり、慣れている jQuery を利用しました。

しかし、流れは jQuery じゃなくて vue のようです。
と言っても、vue や React がどのようなものかは全く理解できず、まずはやってみようと考えました。

vue のインストールそのものがとても難しい

vue のインストールは難解なので、chatGPT に訊いてみたのですが、chatGPT の答えではインストールさえできませんでした。

私の環境は linux mint 21.3 なのですが、Ubuntu20.04 に vue 3.0 をインストールする qiita のサイトがあったのでそれを実行してみました。

curl -sL https://rpm.nodesource.com/setup_8.x | sudo bash -
sudo apt install -y nodejs npm
node -v
npm -v
sudo npm install -g @vue/cli
vue --version

sudo apt install -y nodejs npm
sudo npm install n -g
sudo n stable
sudo apt purge -y nodejs npm
exec $SHELL -l
node -v # v18.14.0

プロジェクト作成。

vue create hello-vue

でも作成できません。

どうも、yarn というものが必要なようですが、yarn って何？

sudo apt install yarn

でも、これでは version が古すぎてダメなようで、chatGPT に質問すると以下のようにして、yarn をアップグレードするように言われました。

npm uninstall yarn -g
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt update
sudo apt install yarn
yarn --version

プロジェクト作成と起動

プロジェクト作成。

vue create hello-vue

起動。

cd hello-vue
npm run serve

http://localhost:8080/にアクセス。

インストールするだけでとても時間がかかりました。

これは久しぶりに途中でギブアップするかもしれません。