项目结构 my-vue3-project ├─.env //默认环境变量 ├─.env.development //开发环境变量 ├─.eslintrc-auto-import.json //（autoimport变量，eslint配置）由auto-import插件生成 ├─.eslintrc.js //eslint配置文件 ├─.gitignore ├─auto-imports.d.ts //（autoimport变量，ts声明文件）由auto-import插件生成 ├─index.html ├─jsconfig.json ├─package-lock.json ├─...

Vue2安装JSX支持 有时候，我们使用渲染函数（renderfunction）来抽象组件，而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大，体验不佳，这个时候就派JSX上场了。然而在Vue3中默认是带了JSX支持的，而在Vue2中使用JSX，需要安装并使用Babel插件： @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props 安装脚本 npminstall@vue/babel-preset-jsx@vue/babel-helper-vue-jsx-merge-props 配置.babelrc文...

介绍 ESLint是一个根据方案识别并报告ECMAScript/JavaScript代码问题的工具，其目的是使代码风格更加一致并避免错误。在很多地方它都与JSLint和JSHint类似，除了： ESLint使用Espree对JavaScript进行解析。 ESLint在代码中使用AST评估方案。 ESLint完全是插件式的，每个规则都是一个插件，你可以在运行时中添加更多插件。 安装 @REMnpm安装eslint npmi-Deslint @REMyarn安装eslint yarnadd-Deslint 配置 配置过程 npminit@eslint/config Youcanalsor...

ES2023新特性速解 一、新增数组方法 操作数组的方法 Array.prototype.toSorted(compareFn) //返回一个新数组，其中元素按升序排序，而不改变原始数组。 Array.prototype.toReversed() //返回一个新数组，该数组的元素顺序被反转，但不改变原始数组。 Array.prototype.toSpliced(start,deleteCount,item1...,itemN) //返回一个新数组，在给定索引处删除和/或替换了一些元素，而不改变原始数组。 新增的这三个数组方法分别对标以下原有的以下三个方法，它们与原先方法的区别就是：执行它...