在安裝node.js以前,若是沒有安裝g++和libssl-dev的,按照如下步驟安裝:css
sudo apt-get install g++ sudo apt-get install
較舊的版本會產生錯誤,但較新版本正常。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
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
打開終端窗口。
經過運行如下命令生成一個新的項目和框架應用程序:
ng new my-app
請耐心設置新項目須要時間,大部分時間用於安裝npm軟件包。
轉到項目目錄並啓動服務器。
cd my-app
ng serve --open
ng serve當您對這些文件進行更改時,該命令啓動服務器,監視您的文件,並從新構建應用程序。
使用--open(或只-o)選項將自動打開您的瀏覽器http://localhost:4200/。
您的應用程序向您發送消息:
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/ |