摘要：參照更新你的文件刪除文件夾和文件參照更新文件重命名并重新定位到移動文件從到比如等等將你定義的屬性移動到文件修正你的圖片路徑例如之前是現在應該是組件內與模版相關的變量，修改關鍵字為。

ps:參照官方文檔進行整理。填了一些坑供參考 ：）

基于Angular2的正式發布，Ionic2也進入了RC版本。但是因為結構和語法變動，使得從beta到RC不能平滑升級。

官方給出了2種升級方式：
1.創建一個新項目并將原有文件復制到新項目中。
2.在現有的項目基礎上進行修改。

兩種方式我都試過，推薦第一種方式進行升級，復雜度低。

注意：這次更新引入了NgModules，這是由Angular2正式版引入的。詳細點這里

1 . 確保你使用的 npm 版本在 3.x 以上 :

    npm --version

如果你當前的版本不是 3.x 以上，請先去安裝最新的 Node.js。

然后更新 npm：

    npm install npm@latest -g

注意：目前最新版本為 _3.10.8_?，但是很多人都遇到了 uid must be an unsigned int的問題，所以我后退了2個版本安裝：

    npm install npm@3.10.6 -g

2 . 安裝最新的 Ionic CLI:

    npm install -g ionic

注意： 如果你之前安裝了 beta 版本的 cli，你應該先運行 npm uninstall -g ionic 卸載掉然后再進行安裝. 安裝完成后運行 ionic -v 來檢查，確保你的 cli 版本為 2.1.0 。

3 . 創建一個新的 Ionic 2 RC0 項目:

    ionic start --v2 myApp

4 . 復制/粘貼 所有你的 beta 文件到新的 RC 0 項目中。頁面文件從 app/pages/ 到 src/pages/, 服務提供器文件從 app/providers 到 src/providers, 過濾器文件從 app/pipes 到 src/pipes 以及你的自定義組件到 src/components。

注意：這里建議用構建命令直接生成新的相應的組件。可以免去后面修改的很多步驟。 ionic g [component|directive|page|provider|pipe|tabs] pageName。

5 . 重定義所有的 templateUrl 路徑，只保留 .ts 文件名. 比如 app.component.ts 文件中連接應該從build/app.html 修改為 app.html 頁面文件 about.html 也同樣從 build/pages/about/about.html 修改為 about.html。

6 . 導入并添加所有的頁面到 src/app/app.module.ts 文件中的 declarations 數組和 entryComponents 數組中。

7 . 導入并添加所有的自定義組件和過濾器到 src/app/app.module.ts 文件中的 declarations 數組中。

注意：實際修改中發現部分自定義組件不僅要添加到 declarations 中，仍然也要添加到 entryComponents 數組中。

8 . 導入并添加所有的提供器（providers）到 src/app/app.module.ts 文件中的 providers 數組中.

9 . 刪除所有原 @Component 中的providers, pipes 和 directives屬性.

10 . 組件內與模版相關的變量，修改 private 關鍵字為 public。

注意: 想要知道為什么這樣修改 戳這里.

11 . 修改模版中的 為 。

注意: 這個在版本更新說明中說的很清楚，務必修改。

12 . 為原有的顏色標記增加 color 屬性 :

修改為 .

注意: 增加渲染效率，務必修改。

13 . 將Ionic的相關配置移動到 app.module.ts 文件中的 IonicModule.forRoot里 . 例如, IonicModule.forRoot(MyApp, {configObject}).

14 . 將你 beta 應用中的 sass 樣式屬性移動到 app.variables 文件中.

15 . 為你的每一個頁面增加selector. 這是為了定義和區分sass的作用域。例如sass文件中的:

page-selector-you-added {
  #title {
    color: blue;
  }
}

注意: 如果用構建命令生成的頁面，selector已經幫你添加好了。

修改現有的項目

1 . 確保你使用的 npm 版本在 3.x 以上 :

    npm --version

如果你當前的版本不是 3.x 以上，請先去安裝最新的 Node.js。

然后更新 npm：

    npm install npm@latest -g

注意：目前最新版本為 _3.10.8_?，但是很多人都遇到了 uid must be an unsigned int的問題，所以我后退了2個版本安裝：

    npm install npm@3.10.6 -g

2 . 安裝最新的 Ionic CLI:

    npm install -g ionic

注意： 如果你之前安裝了 beta 版本的 cli，你應該先運行 npm uninstall -g ionic 卸載掉然后再進行安裝. 安裝完成后運行 ionic -v 來檢查，確保你的 cli 版本為 2.1.0 。

3 . 參照 ionic2-app-base package.json 更新 package.json 中的 dependencies 和 devDependencies , 然后在項目文件夾中運行 npm install.

4 . 復制 ionic2-app-base package.json 中的 npm scripts 到 package.json 文件中.

5 . 刪除 gulpfile.js.

6 . 重命名 app 文件夾為 src.

7 . 在 src 文件夾中創建一個新的 app 文件夾.

8 . 將 app.html 和 app.ts 文件移動到 src/app 中.

9 . 重命名 app.ts 為 app.component.ts.

10 . 用 ionic2-starter-blank 中的內容創建 app.module.ts 文件.

11 . 移動 app.component.ts 文件中 ionicBootstrap里所有的 providers 到 app.module.ts文件中. imports 也同樣復制過去.

12 . 導入并添加你的自定義組件到 src/app/app.module.ts 文件中的 declarations 里。

13 . 將Ionic的相關配置移動到 app.module.ts 文件中的 IonicModule.forRoot里 . 例如, IonicModule.forRoot(MyApp, {configObject}).

14 . 從 app.component.ts 刪除 ionicBootstrap.

15 . 導出 app.component.ts 中的主應用類，然后重命名app.module.ts中所有的引用 MyApp 到你的主應用類 (或者重命名導出 app.component.ts 中的 MyApp).

16 . 修正 app.component.ts 中所有的路徑為當前路徑. 例如, ./pages 變成 ../pages.

17 . 在 app.module.ts 中定義你的頁面類. 比如 HomePage, 所有的pages應該被包括在這里.

18 . 修正 app.module.ts 中的 Imports 路徑. 例如, ./providers 變成 ../providers.

19 . 從 ionic2-app-base 添加 main.dev.ts 和 main.prod.ts 文件到 app/.

20 . 移動 www/index.html 到 src/index.html 參照 ionic2-app-base, 確保你后添加的內容也移動過去.

21 . 移動 www/assets 到 src/assets.

22 . 移動 www/img 到 src/assets/img.

23 . 移動你的其余資源從 www/ 到 src/assets/.

24 . 重定義所有的 templateUrl 路徑，只保留 .ts 文件名. 比如 app.component.ts 文件中連接應該從build/app.html 修改為 app.html 頁面文件 about.html 也同樣從 build/pages/about/about.html 修改為 about.html。

25 . 參照 ionic2-app-base 更新你的 .gitignore 文件.

26 . 刪除 typings/ 文件夾和 typings.json 文件.

27 . 參照 ionic2-app-base 更新 tsconfig.json 文件.

28 . 重命名并重新定位 app/theme/app.variables.scss 到 src/theme/variables.scss.

29 . 移動 Sass 文件從 app/theme 到 src/app. 比如 app.core.scss, app.ios.scss 等等.

30 . 將你定義的sass屬性移動到 theme/variables.scss 文件.

31 . 修正你的圖片路徑. 例如, 之前是 現在應該是 .

32 . 組件內與模版相關的變量，修改 private 關鍵字為 public。

    **`注意`**: 想要知道為什么這樣修改 [戳這里](https://forum.ionicframework.com/t/rc0-typescript-private-vs-public-keyword/64863/4?u=mhartington).

33 . 修改模版中的

為 。

    **`注意`**: 這個在版本更新說明中說的很清楚，務必修改。

34 . 為原有的顏色標記增加 color 屬性 :

修改為 .

    **`注意`**: 增加渲染效率，務必修改。

35 . 添加適當的圖標屬性, 如果圖標在左側應該添加 icon-left, 在右側則添加 icon-right, 如果按鈕中只有圖標, 則應該添加 icon-only 屬性.

36 . 為你的每一個頁面增加selector. 這是為了定義和區分sass的作用域。例如sass文件中的:
模版中:

about-page {
  #title {
    color: blue;
  }
}

組件中:

@Component({
  selector: "about-page",
  templateUrl: "about.html"
})

其他

RC0 版本棄用了 Typings 而改為使用 @types，對第三方庫更為友好，在 /src 目錄下添加了declarations.d.ts文件 可以更方便的自己添加所需的 declare。
之前的組件同樣也有變更之處，這個就參考官方Components文檔對照查看就能夠解決。
建議通讀 Ionic RC0 的CHANGELOG,會更好的理解這次更新中的變動。