Angular2 0CLI安裝指南

2021-07-28 08:35:18 字數 1777 閱讀 7664

搭建angularjs-cli首先需要在windows上裝node.js。安裝node.js步驟:

2、然後一路next,預設是裝到c盤的,我就裝到了c盤

3、最後測試node是否安裝成功,開啟cmd,輸入node -v,如果出現版本資訊,證明安裝成功,反之,亦然。

然後開始搭建angularjs-cli:

1、先新增**的npm映象(由於國內訪問國外**的速度實在是太慢了),由於我們只有要用到的一些東西,我

們採用以下的新增映象方法

2、(windows 使用者使用cmd,輸入以下命令)

npmconfig set registry

3、如果你之前安裝失敗過,最好在安裝angular-cli之前先解除安裝乾淨,用以下   兩句:

npm uninstall -g angular-cli 

npm cache clean

4、然後在cmd命令中輸入:cnpm install -g angular-cli,開始安裝angularjs-cli等待。。。。。。。。時間可能比較

長,耐心等待!

5、安裝完畢後,試下ng -v 和ng help,有顯示正確內容就成功了

後我們就可以在全域性使用ng命令了

7、首先到你的工作目錄下建立angular工程目錄

然後然後用命令列進入該目錄,輸入

ng new projectname

然後腳手架會幫我們搭建初始環境,由於初始化的時候angualr-cli會去初始化node-modules依賴,所以會比較慢;如果沒有切換**映象,會 非常慢。

耐心等待!!!!!!!!!!!!!!!!!!!!!!!

最後安裝成功!!!!!!!!!

就這樣,最簡單的angular2工程建立好了;

工程結構熟悉一下:angular-cli.json 是angular-cli的配置檔案,測試配置檔案karma.conf.js,typescript的lint配置文

件,端到端的測試配置檔案protractor.conf.js,匯入es6模組的配置檔案polyfills.ts,angular工程的main.ts引導啟動文

件,全域性樣式style.css,typescript配置檔案ts.config.json;typescript的宣告檔案typings.d.ts,以及生成了最賤的的乙個

cli幫我們做了這麼多事情,我們只用了乙個命令;(這些玩意我也沒看懂!!!!!!)

9、然後輸入cd projectname

命令列進入進入剛才的工程目錄,輸入

ng serve

如果要是執行專案比較大的話可以用以下的命令

ng serve --prod --aot

10、瀏覽器輸入

就可以看到

!因為預設的

4200

的埠,如果你需要換的話也是可以的

package.json

裡面的ng serve --host localhost --port 4201

ok!!!!!!!!!!!

最後如果你的專案要在eclipse中的tomact上執行

在cmd命令視窗輸入 ng build --prod --aot

會生成乙個dist檔案,把這個檔案匯入eclipse中就可以了!

這個教程可能不全面。希望大家支援!!!!

angular2 cli 環境搭建

開發工具 windows vscode,npm,前提 安裝nodejs nodejs 模組全域性安裝路徑配置 我的另外一遍 1.全域性安裝angular cli npm install angular cli g npm 設定 映象 npm config set registry 2.檢視是否安裝成...

angular2 0定義指令

應用繼續演進。首先加入的是highlightdirective,乙個屬性型指令,它會設定所在元素的背景色。copy code import from angular core directive highlight the attached element in gold export class ...

angular2 0使用元件樣式

實現方式之一,是在元件的元資料中設定styles屬性。styles屬性可以接受乙個包含 css 的字串陣列。通常我們只給它乙個字串就行了,如同下例 copy code component export class 元件樣式在很多方面都不同於傳統的全域性性樣式。這種模組化相對於 css 的傳統工作方式...