Angular 2的安裝與使用(Ubuntu15.04)

Angular 2安裝前準備

安裝依賴(g++、libssl-dev)

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

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

安裝nodejs

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

接下來就是安裝node.js了:linux

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/

添加軟鏈接npm

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了,按照官網給的步驟:bash

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版本angular2

ng -v

查看是否安裝成功app


注:若是若是以前已存在框架

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/

相關文章
相關標籤/搜索