Vue.js：開発環境 Vue CLIインストール

Vue.jsアプリケーション開発支援ツール「Vue CLI」をインストールしてみる

バージョン

Windows 10 20H2 19042.985
Node.js 14.17.0
npm 6.14.13
Vue CLI 4.5.13

Node.jsインストール

Vue CLIインストール

以下のコマンドでインストールを行う。

npm install -g @vue/cli

実行結果：

PS C:\Users\user> 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/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
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/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
C:\Users\user\AppData\Roaming\npm\vue -> C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\bin\vue.js

> core-js-pure@3.13.1 postinstall C:\Users\user\AppData\Roaming\npm\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 on Open Collective or Patreon:
> https://opencollective.com/core-js
> https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

+ @vue/cli@4.5.13
removed 4 packages and updated 42 packages in 136.698s

動作確認

Vue CLIのバージョンを確認

vue --version

実行結果：

PS C:\Users\user> vue --version
vue : このシステムではスクリプトの実行が無効になっているため、ファイル C:\Users\user\AppData\Roaming\npm\vue.ps1 を読み
込むことができません。詳細については、「about_Execution_Policies」(https://go.microsoft.com/fwlink/?LinkID=135170) を参
照してください。
発生場所 行:1 文字:1
+ vue --version
+ ~~~
    + CategoryInfo          : セキュリティ エラー: (: ) []、PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

PowerShellだと、既定でスクリプトの実行が無効化されているため実行できないっぽい。
実行権限を与えるか、コマンドプロンプトを使用する。

実行権限を与える場合・・・
PowerShellを管理者権限で起動し「set-executionpolicy remotesigned」を実行する。
※ 参考：PowerShell #2：スクリプトを実行するには？

実行結果：

PS C:\Windows\system32> set-executionpolicy remotesigned

実行ポリシーの変更
実行ポリシーは、信頼されていないスクリプトからの保護に役立ちます。実行ポリシーを変更すると、about_Execution_Policies
のヘルプ トピック (https://go.microsoft.com/fwlink/?LinkID=135170)
で説明されているセキュリティ上の危険にさらされる可能性があります。実行ポリシーを変更しますか?
[Y] はい(Y)  [A] すべて続行(A)  [N] いいえ(N)  [L] すべて無視(L)  [S] 中断(S)  [?] ヘルプ (既定値は "N"): y

PS C:\Users\user> vue --version
@vue/cli 4.5.13

---

Vue.js, Vue CLI