構建ng2簡單練手

2021-07-22 23:06:57 字數 740 閱讀 7722

angular構建說明1.開啟命令列 :

mkdir ng2 //建立專案資料夾

cd ng2 //切換到專案資料夾

2.新建三個json檔案:

tsconfig.json 複製如下**:

,

"exclude": [

"node_modules",

"typings/main",

"typings/main.d.ts"

]}

typings.json   複製如下**:

}

package.json   複製如下**:

,"license": "isc",

"dependencies": ,

"devdependencies":

}

3.執行命令列:(安裝依賴包)

npm install

import from 'angular2/core';

@component()

main.ts  複製**如下

import from

'angular2/platform/browser';

5.依賴包安裝成功之後執行命令:

npm start

ng2目錄說明

目錄說明 一 e2e 端到端的測試目錄 二 src 源 目錄。用 ngmodule宣告了乙個模組,在這個模組中 首先用delarations宣告了這個模組中有什麼東西。這裡只能宣告元件,指令,管道。imports 宣告要讓應用正常運轉,還需要什麼東西。也就是這個模組依賴的其他模組 browermod...

自學ng2 速讀教程

每個模組都帶有乙個 ngmodule裝飾器的類 declarations 宣告元件 exports 可用於其他模組的元件模板 imports 宣告模組 providers 服務建立者,加入全域性服務列表中 bootstrap 指定根元件,只有根模組才能設定bootstrap屬性 js模組和ng模組完...

ng2 的建立命令

ng new project name 建立乙個新專案,置為預設設定 執行這些步驟所需要的全部設定,都由cli工具來完成。除了設定乙個新應用之外,該工具還支援開發者執行命令,構建應用的組成部分,如元件 component 和路由 route ng generate component my comp...