环境配置

1、打开powershell,输入：npm config set registry https://registry.npmmirror.com/ 2、npm install -g @ionic/cli 3、Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser 选择A【全是】 4、ionic info

创建第一个ionic app程序

1、cd C:/ # 打开C盘盘符根目录 2、mkdir workspace # 创建workspace文件夹 3、cd workspace # 进入workspace文件夹 4、pwd # 查看当前命令行所在路径 5、ionic start myapp tabs --type=angular //创建ionic项目，? Create free Ionic account? (y/N) 选N 6、cd myapp 7、ionic serve

创建新项目

git仓库文件克隆 1、选择一个文件夹，右键选择open git bash here 2、打开powershell,进入项目所在文件夹，输入命令创建新APP：ionic start app123 tabs --type=angular 3、选NgModules 4、用vscode打开app123 5、将克隆下来的文件放在app123下或者新建modules\user 6、在app-routing.modules.ts修改路径添加新路径 { path:'user', loadChildren:() =>import('../modules/user/user.module').then(m=> m.UserModele) } 7、在user.routing-module.ts里有mine、login、edit-info三条路径 {path: 'login', loadChildren: () => import('./login/login.module').then(mod => mod.LoginPageModule)}, {path: 'mine', loadChildren: () => import('./mine/mine.module').then(mod => mod.MinePageModule)}, {path: 'edit/info', loadChildren: () => import('./edit-info/edit-info.module').then(mod => mod.EditInfoPageModule)},

创建新导航页面tab类页面

1、在APP目录下，输入：ionic generate page tab4,选n 2、这个时候应用自动会在app-routing-module.ts里面添加路由 3、在tabs.module.ts里面加在app-routing-module.ts里面自动生成path路径。还需要改下路径 4、需要在tabs.page.html里面加上按钮 //tab4.page.ts里面的选择器名字没有影响

//routing-module.ts 主要负责路由配置，而 module.ts 则负责组织和管理模块的元数据。两者相互配合，共同构建 Angular 应用的结构。

创建组件

1、ionic g component chat-bubble 2、在自己组件的ts文件组件模块添加:standalone:true, 3、在被引入页面的mudule.ts文件里面的ngmodule/import里面引入新的组件ChatBubbleComponent,大驼峰 4、在引用的页面的html文件加入标签

创建新git仓库，项目上传

1、打开git,找到仓库，创建新的仓库，输入仓库名和描述，复制两行代码
2、在vscode里面app命令行输入:
git add .
git commit -m "init:test echarts"
粘贴两行代码

使用

打开文件夹，右键打开open git bash here，输入git clone git地址
将下载的文件用VScode打开
然后安装依赖：
npm i  //一般只需要这步，然后ionic serve就行
./build.ps1
右击项目打开live serve

老项目上传

1、选择D:\woekspace\MYAPP,打开终端 2、git init //初始化 3、git add . //选择所有文件 4、git commit m "init ionic app" //上传介绍

create.md 3.0 KB 永久連結 文件歷史 原始文件