[Vue3] プロジェクト作成 (windows)

Vueとは

Vue は、ユーザーインターフェースの構築のための JavaScript フレームワークです。標準的な HTML、CSS、JavaScript を土台とする、コンポーネントベースの宣言的なプログラミングモデルを提供します。シンプルなものから複雑なものまで、ユーザーインターフェースの開発を効率的に支えるフレームワークです。
Vue3 ドキュメント

環境

windows 11 Home / 22H2
node.js : v16.18.0
エディタ : VS code
パッケージマネージャ : npm

インストール

npm install -g @vue/cli
vue create プロジェクト名

Vue3を選択します。

Vue CLI v5.0.8
? Please pick a preset: Default ([Vue 3] babel, eslint)

package.json を確認します。

"dependencies": {
"core-js": "^3.8.3",
"vue": "^3.2.13",
"vue-router": "^4.0.3",
"vuex": "^4.0.2",
"vuex-persist": "^3.1.3",
"yup": "^0.32.11"
},
"devDependencies": {
"@babel/core": "^7.12.16",
"@babel/eslint-parser": "^7.12.16",
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"eslint": "^7.32.0",
"eslint-plugin-vue": "^8.0.3"
},

起動

npm run serve