乱爱性全过程免费视频/午夜毛片视频/中文字幕av三区/一级视频网址

當(dāng)前位置： 維易PHP培訓(xùn)學(xué)院 > LINUX入門 > 內(nèi)容正文

LINUX學(xué)習(xí)：Ubuntu 15.04下Angular 2的安裝與使用

作者：VEPHP   時(shí)間 2017-10-04

《LINUX學(xué)習(xí)：Ubuntu 15.04下Angular 2的安裝與使用》要點(diǎn)：
本文介紹了LINUX學(xué)習(xí)：Ubuntu 15.04下Angular 2的安裝與使用，希望對您有用。如果有疑問，可以聯(lián)系我們。

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

在安裝node.js之前,如果沒有安裝g++和libssl-dev的,依照以下步驟安裝：

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

安裝nodejs

較舊的版本會(huì)產(chǎn)生差錯(cuò),但較新版本正常.

接下來便是安裝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

如許就安裝好了,可以在終端查看版本號(hào)：

node?-v
npm?-v

LINUX學(xué)習(xí)：Ubuntu 15.04下Angular 2的安裝與使用

安裝Angular

node.js 和 npm 都安裝好后可以安裝angular2了,依照官網(wǎng)給的步驟：

npm?install?-g?@angular/cli

創(chuàng)立鏈接

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

查看Angular 2版本

ng?-v

查看是否安裝勝利

LINUX學(xué)習(xí)：Ubuntu 15.04下Angular 2的安裝與使用

注：假如假如之前已存在

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

Angular簡單使用

創(chuàng)立一個(gè)新項(xiàng)目

打開終端窗口.

通過運(yùn)行以下命令生成一個(gè)新的項(xiàng)目和框架應(yīng)用法式：

ng?new?my-app

請耐心設(shè)置新項(xiàng)目必要時(shí)間,大部分時(shí)間用于安裝npm軟件包.

LINUX學(xué)習(xí)：Ubuntu 15.04下Angular 2的安裝與使用

啟動(dòng)服務(wù)

轉(zhuǎn)到項(xiàng)目目次并啟動(dòng)服務(wù)器.

cd?my-app 
ng?serve?--open

ng serve當(dāng)您對這些文件進(jìn)行變動(dòng)時(shí),該命令啟動(dòng)服務(wù)器,監(jiān)視您的文件,并重新構(gòu)建應(yīng)用程序.

使用--open(或只-o)選項(xiàng)將自動(dòng)打開您的閱讀器http://localhost:4200/.

您的應(yīng)用法式向您發(fā)送消息：

LINUX學(xué)習(xí)：Ubuntu 15.04下Angular 2的安裝與使用

編纂您的第一個(gè)Angular組件

Angular CLI為您創(chuàng)建了第一個(gè)Angular組件.這是根組件,它被命名app-root.你可在./src/app/app.component.ts找到它.

打開組件文件并變動(dòng)title屬性app works!為My First Angular App：

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

瀏覽器會(huì)自動(dòng)重新加載修訂的題目.

LINUX學(xué)習(xí)：Ubuntu 15.04下Angular 2的安裝與使用

優(yōu)化組件

打開src/app/app.component.css并給組件一些作風(fēng).

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

LINUX學(xué)習(xí)：Ubuntu 15.04下Angular 2的安裝與使用

LINUX學(xué)習(xí)：Ubuntu 15.04下Angular 2的安裝與使用

本文永遠(yuǎn)更新鏈接地址：

維易PHP培訓(xùn)學(xué)院每天發(fā)布《LINUX學(xué)習(xí)：Ubuntu 15.04下Angular 2的安裝與使用》等實(shí)戰(zhàn)技能，PHP、MYSQL、LINUX、APP、JS,CSS全面培養(yǎng)人才。

轉(zhuǎn)載請注明本頁網(wǎng)址：
http://www.fzlkiss.com/jiaocheng/13014.html


    標(biāo)簽：