搭建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 的傳統工作方式...