进行基于Angular4的开发所需的开发环境步骤（备忘录）

我正在尝试利用Angular4进行项目开发。暂时在Mac上创建了一个从头开始的开发环境，这是我个人的备忘录。

Angular是什么？

谷歌开发的前端Web应用程序框架，由个人和企业社区贡献。
除了用于SPA方式的Web应用程序开发，还被用于cordovad混合应用程序，如ionic。
需要注意的是，从2.0开始，代码基础已改为TypeScript。

前提是指构建终端设备等的基础。

• 開発端末→Mac

• OS → OS X (Sierra)以上

• nodejsのパッケージマネージャはnを利用。バージョンは6.10.3をインストール。

• こちらの内容を参考にしてます。

Angular CLI QUICKSTART

安装步骤

安装brew和brew cask（用于MacOS的软件包管理工具）。

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
brew tap caskroom/cask

啤酒
啤酒斯凯

安装Node.js

# nのインストール(nodejsのバージョン管理)
brew install n
#nodejs(6.10.3)のインストール
n 6.10.3

安装 Angular CLI。

npm install -g @angular/cli

请下载并安装开发编辑器（Visual Studio Code）。

brew cask install visual-studio-code

请运行样本。

ng new my-app
cd my-app
ng serve --open

我只稍微改一下看看。

操作一下显示出来的画面，应用程序可以正常运行！

#vscodeにて起動
code my-app

试着修改app.component.ts中的title部分。

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'My First Angular App';
}

试着调整颜色、字体种类和大小

h1 {
  color: #369;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 250%;
}

接下来的计划 de

尝试完成一遍Angular官方教程。