import vuejsx from "@vitejs/plugin-vue-jsx" export default ({ mode }) => defineConfig({ plugins: [ vuejsx() ] }) jsx文件: (jsx组件中自动跳过生命周期,即jsx中没有生命周期,在父组件onBeforeMount后执行) const component = (props:any,context:any) => { console.log(props) const onClick ...
.eslintrc.cjs .git-blame-ignore-revs .gitattributes .gitignore .npmrc .prettierignore .prettierrc.json CODE_OF_CONDUCT.md LICENSE README.md package.json pnpm-lock.yaml pnpm-workspace.yaml vitest.config.e2e.ts vitest.config.tsBreadcrumbs vitejs-vite-plugin-vue /packages /plugin-vue-jsx / RE...
vite对vue提供第一优先级支持: Vue 3 单文件组件支持:@vitejs/plugin-vue Vue 3 JSX 支持:@vitejs/plugin-vue-jsx Vue 2 支持:underfin/vite-plugin-vue2 安装支持vue的插件:npm install @vitejs/plugin-vue -D 在vite.config.js中配置插件: Vite打包项目 我们可以直接通过vite build来完成对当前项目的打...
ESLint 的解析器使用的是 Espree 只能解析 js,把parser改为 vue-eslint-parser,就OK了。参考官网 eslint-plugin-vue官网 - "parser": "@typescript-eslint/parser", + "parser": "vue-eslint-parser", "parserOptions": { + "parser": "@typescript-eslint/parser", "sourceType": "module" } 有用...
wip: port rollup-plugin-vue to vite plugin Dec 18, 2020 README.md docs: fix broken node.js release link (#318) [ci skip] Dec 31, 2023 eslint.config.js chore: remove unused deps (#575) Apr 26, 2025 package.json chore(deps): update dependency lint-staged to v16 (#588) ...
'vue/multi-word-component-names': 'off' 引入 './.eslintrc-auto-import.json' 引入 AutoImport({ imports: ['vue', 'vue-ro
这是因为eslint无法识别html文件,对应如下 yarn add -D eslint-plugin-html 在.eslintrc.cjs文件的plugins里引用,保存后报错就消失了 // ..省略 plugins: ['vue', 'html', '@typescript-eslint'], // ..省略 10.最后 没有引用任何第三方eslint规则,这里使用的是eslint默认规则,如果需要使用...
"build-only-development-fix": "cross-env NODE_ENV=production vite build --mode development-fix", "type-check": "vue-tsc --build --force", "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore", "format": "prettier --write ...
√ Add Vue RouterforSingle Page Application development? ... No / Yes √ Add Piniaforstate management? ... No / Yes √ Add VitestforUnit Testing? ... No / Yes √ Add an End-to-End Testing Solution? » No √ Add ESLintforcode quality? ... No / Yes ...
项目下新建 .eslintrc.js 配置eslint 校验规则: module.exports = { root: true, env: { browser: true, node: true, es2021: true, }, parser: 'vue-eslint-parser', extends: [ 'eslint:recommended', 'plugin:vue/vue3-recommended',