ionic5+vue3搭建第一个app项目

官方文档 全局安装ionic脚手架

代码语言：javascript复制

npm install -g @ionic/cli

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

代码语言：javascript复制

ionic start myApp tabs --type vue

项目启动

代码语言：javascript复制

npm run serve

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

删除掉Ts依赖

代码语言：javascript复制

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”

vue.js typescript eslint javascript

0 人点赞