はじめに
先日、仕事で初めての React を 1 カ月ほど頑張りました。まだ、フロント系を勉強してみたいので、Vue.js を初めてみます。
先輩から、「Vue をやるなら Composition!」と言われているので、いつも通りに Hello World から始めてみたいと思います。
開発環境
- OS : Windows 11 Pro
- Cursor(IDE) : 0.42.3
vue のインストール
veu3 のインストール
> npm install -g @vue/cli
vue2 のアンインストール
> npm ls or > npm ls -g で、vue2 がインストールされているか確認。もし、インストールされていればアンインストールする。
> npm uninstall -g vue-cli
プロジェクトの作成
まずは、helloworld のプロジェクトを作成する。
> vue create vue_helloworld
プロジェクトの選択
Vue CLI v5.0.8
? Please pick a preset: Default ([Vue 3] babel, eslint)
? Pick the package manager to use when installing dependencies: NPM
What is babel?
ざっくり言うと、「ES6等の新しい文法をES5に変換してくれるコンパイラ」
What is eslint?
ざっくり言うと、「JavaScriptの記述スタイルチェックツール」
おわりに
まずは、簡単な Hello World からなのでシンプルですね。
今後は React と比較しながら勉強していきたいとおもい
参考（感謝）