說明

由于之前使用的是 ionic 3，當時打包的方式使用的是 cordova 打包，雖然現在也還是可以使用 cordova 打包，但是官方已經不推薦。不推薦就有可能到時候在那個版本去掉。就像我們使用 java 的時候一樣，新版會斃掉好多不推薦用法。

這里呢，只是先安裝下 ionic7，以及啟動程序服務，后面會寫到怎么去程序打包。

ionic 安裝

好了，廢話說了那么多了，現在開始干活了，由于我在操作的時候，很多都是直接看的官方的文檔，下面會附帶官方鏈接。

這里我使用的是 node： v18.20.0 這個版本，用 nvm 管理器安裝的，npm 的版本為：10.5.0，使用下面的命令全局安裝就好，Ionic CLI Framework: Command-Line Interface to Develop Apps

# 安裝
npm install -g @ionic/cli

# 查看版本
ionic --version

初始化 ionic 項目

我這邊是建立了一個 ionicProjects 的文件夾，在這個文件夾里面，就放我所有的 ionic 的工程項目。

官方創建一個項目的鏈接地址：Starting an App: How to Guide | Ionic Documentation

# 進入工程項目
cd D:\workspace\IonicProjects

# 創建一個工程，這里使用 tabs 模板，具體的可以看下官方的文檔
ionic start ioinc-demo tabs

后面的根據自己熟悉的語言來選擇就好了，我是熟悉 angular 和 vue，這里我選擇了 angular，并且這里我沒選擇 standalone 的模式，這個我也測試過，正常開發應用還是這個 NgModules 好點。接來下就等安裝完就好了

安裝 vs code 插件

這個是官方推薦的插件，下載這個，可以方便于我們操作，Using the Ionic Visual Studio Code Extension

啟動測試

我們安裝完了之后，通過瀏覽器來訪問下:

ionic serve

執行完上面的命令之后，會自動通過瀏覽器打開下面的頁面，到這里我們就算項目搞完了

首先下載:nodejs
用npm安裝 ionic cordova 指定版本的命令:
打開cmd
安裝 ionic 和 cordova 命令

npm install -g cordova ionic

更新命令
npm update -g cordova ionic

安裝指定版本命令
npm install -g ionic cordova@6.0.0
npm install -g ionic@1.9.5

刪除命令
npm uninstall cordova -g
npm uninstall ionic -g