Vue CLI インストール手順
コマンドプロンプトを開き以下コマンドを実行
"npm install -g @vue/cli"
実行結果:
インストール済みのVue CLIをアップデートするには以下コマンド
"npm update -g @vue/cli"
"npm install -g @vue/cli"
実行結果:
PS C:\work\VueSample> npm install -g @vue/cli npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi' npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address' npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details. npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated graphql-tools@4.0.8: This package has been deprecated and now it only exports makeExecutableSchema.\nAnd it will no longer receive updates.\nWe recommend you to migrate to scoped packages such as @graphql-tools/schema, @graphql-tools/utils and etc.\nCheck out https://www.graphql-tools.com to learn what package you should use instead npm WARN deprecated apollo-cache-control@0.14.0: The functionality provided by the `apollo-cache-control` package is built in to `apollo-server-core` starting with Apollo Server 3. See https://www.apollographql.com/docs/apollo-server/migration/#cachecontrol for details. npm WARN deprecated apollo-tracing@0.15.0: The `apollo-tracing` package is no longer part of Apollo Server 3. See https://www.apollographql.com/docs/apollo-server/migration/#tracing for details npm WARN deprecated graphql-extensions@0.15.0: The `graphql-extensions` API has been removed from Apollo Server 3. Use the plugin API instead: https://www.apollographql.com/docs/apollo-server/integrations/plugins/ npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated C:\Program Files (x86)\Nodist\bin\vue -> C:\Program Files (x86)\Nodist\bin\node_modules\@vue\cli\bin\vue.js npm WARN lifecycle The node binary used for scripts is C:\Program Files (x86)\Nodist\bin\node.exe but npm is using C:\Program Files (x86)\Nodist\v-x64\14.17.0\node.exe itself. Use the `--scripts-prepend-node-path` option to include the path for the node binary npm was executed with. > core-js-pure@3.19.1 postinstall C:\Program Files (x86)\Nodist\bin\node_modules\@vue\cli\node_modules\core-js-pure > node -e "try{require('./postinstall')}catch(e){}" Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library! The project needs your help! Please consider supporting of core-js: > https://opencollective.com/core-js > https://patreon.com/zloirock > https://paypal.me/zloirock > bitcoin: bc1qlea7544qtsmj2rayg0lthvza9fau63ux0fstcz Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -) > @apollo/protobufjs@1.2.2 postinstall C:\Program Files (x86)\Nodist\bin\node_modules\@vue\cli\node_modules\@apollo\protobufjs > node scripts/postinstall > ejs@2.7.4 postinstall C:\Program Files (x86)\Nodist\bin\node_modules\@vue\cli\node_modules\ejs > node ./postinstall.js Thank you for installing EJS: built with the Jake JavaScript build tool (https://jakejs.com/) + @vue/cli@4.5.15 added 934 packages from 588 contributors in 168.692s
インストール済みのVue CLIをアップデートするには以下コマンド
"npm update -g @vue/cli"
プロジェクトの作成
以下コマンドで作成
"vue create プロジェクト名"
Vue2、Vue3、マニュアル構成の3つから選択できる
TypeScriptを使用する場合は"Manually select features" を選択
"vue create プロジェクト名"
Vue2、Vue3、マニュアル構成の3つから選択できる
TypeScriptを使用する場合は"Manually select features" を選択
Vue CLI v4.5.15 ? Please pick a preset: (Use arrow keys) > Default ([Vue 2] babel, eslint) Default (Vue 3) ([Vue 3] babel, eslint) Manually select features
学習, Vue.js
0 件のコメント:
コメントを投稿