ionic5+vue3搭建第一个app项目

全局安装ionic脚手架

npm install -g @ionic/cli

创建一个app项目 ​​myApp​​为项目名

ionic start myApp tabs --type vue

项目启动

npm run serve

​​ionic5​​​是和​​Vue3​​​搭配的，这里需要提前学习​​Vue3​​​的语法
项目文件名是为​​​Ts​​​，目前只会​​Js​​​.我们把项目改为​​JS​​​语法
用​​​Js​​​来写 ​​文档更改方法​​

删除掉​​Ts​​依赖

npm uninstall --save typescript @types/jest @typescript-eslint/eslint-plugin @typescript-eslint/parser @vue/cli-plugin-typescript @vue/eslint-config-typescript

​​router/index.ts​​​和​​main.ts​​​把​​ts​​​文件名改为​​js​​

从​​. eslintrc.js​​​中删除​​@vue/typescript/recommended​​​和​​@typescript-eslint/no-explicit-any: ‘off’​​

从​​router/index.js​​​中删除​​Array < routerecordraw >​​

删除​​shims-vue. d.ts​​ 文件

任何具有​​lang = “ ts”​​​的 Vue 组件的脚本标记中删除 ​​lang = “ ts”​​

接下来需要用到的文档

​​ionic+vue搭建文档​​​​ionic组件​​

​​ionic图标​​

之后的ionic练习代码会放到​​github​​