# 环境配置 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" //上传介绍