Angular 2 快速起步

準備學習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

相關文章
相關標籤/搜索