2
2

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 5 years have passed since last update.

Visual Studio Code (Windows版) でAngular+Bootstrap(その1.インストール編)

Posted at

はじめに

Angular + Bootstrap のサンプルプログラムをVisual Studio Codeで作ってみよう。
まずは、環境構築。

開発環境

Windows 10 Pro 1709(16299.192)
Visual Studio Code (Windows版) 1.31.1
Node.js 10.15.1
JSON Server 0.14.2
Angular CLI 7.3.1
Bootstrap 4.2.1

手順

1.Visual Studio Code (Windows版) のインストール
2.Node.jsのインストール
3.JSON Serverのインストール
4.Angular CLIのインストール

1.Visual Studio Code (Windows版) のインストール

URL

https://code.visualstudio.com/

1. 「Download for Windows」クリック

image.png

2. ダウンロードファイル「VSCodeUserSetup-x64-1.31.1.exe」クリック

ウィーザードの手順通り進める。
image.png
image.png
image.png
image.png
image.png
image.png
image.png

2.Node.jsのインストール

URL

https://code.visualstudio.com/

1. ダウンロードバージョン「10.15.1 LTS」クリック

image.png

2. ダウンロードファイル「node-v10.15.1-x64.msi」クリック

ウィーザードの手順通り進める。
image.png
image.png
image.png
image.png
image.png
image.png

3.JSON Serverのインストール

Terminalを開く

image.png

コマンド

npm install -g json-server

image.png

4.Angular CLI のインストール

コマンド

npm install -g @angular/cli

image.png

2
2
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
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?