2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Windows10のPCにVueCLIを使用してVue.jsの環境を構築

Last updated at Posted at 2020-11-26

〈下準備〉
Node.js、IDE環境(今回はVSCode)のインストールを行います。

①Node.jsのインストール

下記のURLよりNode.jsのインストールを行います。
https://nodejs.org/ja/

※VueCLSを使用するにはNode.jsのバージョンは8.9以上がインストールされている必要があります。
すでにNode.jsはインストールされているがバージョンが8.9未満の場合はインストールを行いましょう。

【確認方法】
コマンドプロンプトで「node --version」のコマンドを実行

Nodejsバージョン確認コマンド.png

実行すると画像のようにバージョンが表示される

②VSCodeのインストール

下記のURLよりインストールを行います。
https://azure.microsoft.com/ja-jp/products/visual-studio-code/

/-----------------------------------------------------------------------------------------------------/

ここからが実際のインストールです。
ここからのコマンドはVSCode上のターミナルからすべて実行します。

【ターミナルの表示方法】
VSCodeメニューの「View」→「Terminal」と選択してください。

①Vue CLIのnpmパッケージをインストール

次のコマンドを実行します。
npm install -g @vue/cli

処理が走るので、一通り終わったところで下記のコマンドを実行します。
vue -V

コマンド実行後にバージョン情報が表示されたらインストールは成功です。

次はプロジェクトの作成方法について書きます。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?