Angular 2的安裝與使用（Ubuntu15.04）

Angular 2安裝前準備

安裝依賴（g++、libssl-dev）

在安裝node.js以前，若是沒有安裝g++和libssl-dev的，按照如下步驟安裝：

sudo apt-get install g++
sudo apt-get install

安裝nodejs

較舊的版本會產生錯誤，但較新版本正常。

接下來就是安裝node.js了：

mkdir tools
cd tools/
wget https://nodejs.org/dist/v7.10.0/node-v7.10.0-linux-x64.tar.xz
tar xvf node-v7.10.0-linux-x64.tar.xz
cd node-v7.10.0-linux-x64/

添加軟鏈接

sudo ln -s /home/solin/tools/node-v7.10.0-linux-x64/bin/node /usr/local/bin/node
sudo ln -s /home/solin/tools/node-v7.10.0-linux-x64/bin/npm /usr/local/bin/npm

這樣就安裝好了，能夠在終端查看版本號：

node -v
npm -v

安裝Angular

node.js 和 npm 都安裝好後能夠安裝angular2了，按照官網給的步驟：

npm install -g @angular/cli

建立連接

sudo ln -s /home/solin/tools/node-v7.10.0-linux-x64/bin/ng /usr/local/bin/ng

查看Angular 2版本

ng -v

查看是否安裝成功

注：若是若是以前已存在

npm uninstall -g angular-cli 
npm cache clean 
npm install -g angular-cli@latest

Angular簡單使用

建立一個新項目

打開終端窗口。

經過運行如下命令生成一個新的項目和框架應用程序：

ng new my-app

請耐心設置新項目須要時間，大部分時間用於安裝npm軟件包。

啓動服務

轉到項目目錄並啓動服務器。

cd my-app

ng serve --open

ng serve當您對這些文件進行更改時，該命令啓動服務器，監視您的文件，並從新構建應用程序。

使用--open（或只-o）選項將自動打開您的瀏覽器http://localhost:4200/。

您的應用程序向您發送消息：

編輯您的第一個Angular組件

Angular CLI爲您建立了第一個Angular組件。這是根組件，它被命名app-root。你可在./src/app/app.component.ts找到它。

打開組件文件並更改title屬性app works!爲My First Angular App：

# src/app/app.component.ts
exportclassAppComponent {
  title = 'My First Angular App';
}

瀏覽器會自動從新加載修訂的標題。

優化組件

打開src/app/app.component.css並給組件一些風格。

# src/app/app.component.css
h1 {
  color: #369;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 250%;
}

參考文檔： nodejs官方資料：https://nodejs.org/en/download/current/ Angular官網資料：https://cli.angular.io/