一、Eslint:用于检测代码 安装eslint相关依赖 yarn add eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin -D eslint-plugin-vue:仅支持vue,提供的规则可以支持 .vue\js\jsx\ts\tsx 文件校验 @typescript-eslint/parser:解析器,让ESLint拥有规范TypeScript代码的能力 @ty...
.eslintrc.cjs文件 三、安装vscode插件 四、ESLint 和 Prettier 配合使用 prettier官方提供了一款工具 eslint-config-prettier 这个工具其实禁用掉了一些不必要的以及和Prettier相冲突的ESLint规则。 安装依赖 pnpm install --save-dev eslint-config-prettier pnpm install --save-dev eslint-plugin-prettier pnpm ...
使用eslint --fix命令可以自动修复一些ESLint能够修复的问题,而Prettier则可以在保存文件时自动格式化代码。 在VS Code等编辑器中安装ESLint和Prettier插件,并配置保存时自动格式化和修复代码。 通过以上步骤,你可以在Vue3项目中成功集成TypeScript、ESLint和Prettier,从而提高代码质量和保持代码风格的一致性。
"@typescript-eslint/ban-ts-ignore": "off", "@typescript-eslint/explicit-function-return-type": "off", "@typescript-eslint/no-explicit-any": "off", "@typescript-eslint/no-var-requires": "off", "@typescript-eslint/no-empty-function": "off", "vue/custom-event-name-casing": "of...
ESLint 是JavaScript和JSX检查工具 prettier 代码格式化工具 安装依赖 #安装 eslint npm install --save-dev eslint eslint-plugin-vue #安装 prettier npm install --save-dev prettier eslint-plugin-prettier @vue/eslint-config-prettier #安装 typescript 支持 npm install --save-dev @vue/eslint-config-...
解决ESLint与Prettier的冲突 配置husky+lint-staged 集成Stylelint样式的校验 问题及解决 1、vue3 报错解决:找不到模块或其相应的类型声明。(Vue 3 can not find module) 2、Cannot find module 'vue'. Did you mean to set the 'moduleResolution' option to 'node', or to add aliases to the 'paths'...
JavaScript 超集:TypeScript 包管理器:pnpm 前端工程化/打包:Vite 路由:Vue Router 状态管理:Pinia CSS 预处理器:Less 代码格式化:Prettier 代码质量:ESLint 其它三方库 可拖拽: Vue.js 3:SortableJS/vue.draggable.next: Vue 3 compatible drag-and-drop component based on Sortable.js ...
Vite + typescript + vue3生态链 项目架构 Vite 分开发环境和生产环境进行配置 新旧浏览器的兼容性处理 配置eslint + stylelint + prettier 去统一代码风格 配置commitizen + commitlint 去规范代码提交,提交代码时不要执行git commit ,而是执行封装好的命令pnpm commit 对vue-router、 pinia、 本地mock、axios拦截...
vue3_vite_ts_template: 基于 Vue3.2、TypeScript、Vite2、Eslint、、prettier、Pinia、Element-Plus 、Axios搭建项目模板gitee.com/myPujun/vue3_vite_ts_template 安装vue-cli3(需要安装3.x以上版本) npm install -g @vue/cli vue -V
plugins: ['vue', '@typescript-eslint', 'prettier'], rules: { 'prettier/prettier': 'error', // 在这里添加自定义规则 } }; tsconfig.js配置如下 { "compilerOptions": { "target": "esnext", "module": "esnext", "jsx": "preserve", ...