angular2 搭建環(huán)境

  1. 首先要安裝node v5.x.x或者更高版本 和 npm 3.x.x以上版本
    可以在https://nodejs.org/en/首頁直接下載安裝
  2. 全局安裝Angular CLI。

npm install -g @angular/cli

  1. 創(chuàng)建新項(xiàng)目,如my-app,并放入相關(guān)配置
    • package.json
      用來標(biāo)記出本項(xiàng)目所需的 npm 依賴包。
    • tyconfig.json
      定義了 TypeScript 編譯器如何從項(xiàng)目源文件生成 JavaScript 代碼。
    • typings.json
      為那些 TypeScript 編譯器無法識別的庫提供了額外的定義文件。
    • systemjs.config.js
      為模塊加載器提供了該到哪里查找應(yīng)用模塊的信息,并注冊了所有必備的依賴包。它還包括文檔中后面的例子需要用到的包。
  2. 安裝package.json中列出的依賴包。

    npm install

  3. 在應(yīng)用的根目錄創(chuàng)建一個app子目錄,并放入相關(guān)文件

    app.module.ts
    app.component.ts
    main.ts

  4. 定義該應(yīng)用的宿主頁面,根目錄下創(chuàng)建

    index..html

  5. 編譯并運(yùn)行應(yīng)用程序

    npm start

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Angular CLI 是什么? Angular CLI 是一個命令行接口(Command Line Interf...
    semlinker閱讀 4,325評論 0 39
  • Angular 應(yīng)用程序以及 Angular 本身都依賴于很多第三方包 ( 包括 Angular 自己 ) 提供的...
    jicemoon閱讀 1,230評論 0 3
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,533評論 19 139
  • 導(dǎo)語 Angular2(已經(jīng)統(tǒng)一更名為Angular,而Angular1表示1.x版本,以下統(tǒng)稱Angular都是...
    cipchk閱讀 2,844評論 1 46
  • 寫給喜歡寫故事的你: 本系列教程整理自兩本書,《故事》和《這樣寫出好故事》。這兩本書在豆瓣評分都大于9分,內(nèi)容可圈...
    魚服閱讀 301評論 0 1

友情鏈接更多精彩內(nèi)容