ionic5+vue3 build the first app project

Install ionic scaffolding globally

npm install -g @ionic/cli

Create an app project myAppfor the project name

ionic start myApp tabs --type vue

Project begining

npm run serve

ionic5And is a Vue3mix of, here in advance to learn Vue3the syntax of
the project file name is Tsnow only Js. We project changed JSthe syntax
used Jsto write the document to change the method

Remove Tsdependencies

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

router/index.tsAnd main.tschange the tsfile name tojs

From . eslintrc.jsdeletion @vue/typescript/recommendedand@typescript-eslint/no-explicit-any: ‘off’

From router/index.jsdeletionArray < routerecordraw >

Delete shims-vue. d.tsfile

lang = “ ts”Delete any script tags that have Vue componentslang = “ ts”

Insert picture description here
Next, you need to use the document
ionic+vue to build the document
ionic component
ionic icon

The following practice ionic practice code will be put on github

Guess you like

Origin blog.csdn.net/AK852369/article/details/115046956