準備學習angularjs2,安裝的過程費了很多時間,剛開始爲了方便,從官網上下載了現成的包,可是就運行不起來,後來仍是老老實實按教程一步步建文件,ng2詳細地址https://angular.cn/docs/ts/latest/quickstart.html
從官網中提取幾個主要步驟
首先安裝nodejs ,node js裏面有自帶的npm,也就是安裝了node js後也同時安裝npmhtml
一、 新建一個angularjs2的文件夾
二、 往項目目錄下添加下列包定義與配置文件
(1) package.json 列出了應用的依賴,並定義了一些有用的腳本
(2)tsconfig.json 是TypeScript的編譯器配置文件
(3) typings.json 指定TypeScript 定義文件
(4) systemjs.config.js 是SystemJS的配置文件node
三、安裝依賴包 打開控制檯輸入命令npm install
安裝的過程當中若有有紅色的警告不要緊,只要確認在npm install 輸出的末尾沒有npm ERR!消息就好了,安裝完以後多了2個文件夾 node_modules 和 typings,angularjs
四、在項目的根目錄下建立一個app子目錄(建立一個名字爲app的文件夾)
(1)在app文件中建立組件文件app.component.ts 是應用的根組件習慣上命名AppComponent,它是放用戶 界面的容器
此組件經過它所關聯的模板,控制屏幕的一部分
(2) 建立app.module.ts
咱們把Angular應用經過Angular模塊組織成一些功能緊密相關的代碼塊,每一個應用都至少須要一個根 模塊,習慣上叫AppModule,主要是把component組件的元數據傳給NgModule 裝飾器函數
( 3 ) 添加main.ts
( 4 ) 添加 index.htmlnpm
5 構建並執行本應用,cmd打開控制檯,輸入npm start
稍後,一個瀏覽器頁面就會自動打開顯示 My First Angular 2 app json