在Vue 3 + Vite + TypeScript项目中配置ESLint与Prettier,可以按照以下步骤进行: 1. 安装ESLint和Prettier相关依赖 首先,需要安装ESLint、Prettier以及相关的插件和配置。在项目的根目录下运行以下命令: bash npm install eslint eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin -...
npm install--save-devtypescript 配置TypeScript 在项目根目录下创建一个tsconfig.json文件,并添加以下内容: {"compilerOptions":{"target":"esnext","module":"esnext","strict":true,"jsx":"preserve","moduleResolution":"node","esModuleInterop":true,"sourceMap":true,"baseUrl":".","paths":{"@/...
以上,就完成了使用eslint+prettier,进行代码格式化的校验和配置,如果还需要其他配置,根据官方文档修改对应文件即可。 typescriptvitevue3eslintprettier 赞收藏 分享 阅读1.6k更新于2023-09-24 Hard heart 1声望0粉丝 « 上一篇 vue安装@vue/cli和查看版本号时报错。npm ERR! code EEXIST。vue : 无法加载文件 。
需要安装@eslint/eslintrc pnpmadd@eslint/eslintrc--save-dev 具体代码: importglobalsfrom"globals";importpluginJsfrom"@eslint/js";importtseslintfrom"typescript-eslint";importpluginVuefrom"eslint-plugin-vue";import{FlatCompat}from"@eslint/eslintrc";importpathfrom"path";import{fileURLToPath}from...
eslint-config-前缀的独立模块,可以省略前缀 比如:eslint-config-prettier 完整配置如下: module.exports={root:true,env:{browser:true,node:true,es2021:true},parser:'vue-eslint-parser',extends:['eslint:recommended','plugin:vue/vue3-recommended','plugin:@typescript-eslint/recommended','plugin:prettie...
里面包括eslint的vue插件,eslint的prettier插件,typescript解析器,typescript规则,prettier规则。 .eslintrc 创建.eslintrc文件,注意不要用js后缀,否则vscode的eslint插件无法工作。 {"env": {"browser":true,"es2021":true,"node":true},"extends": ["eslint:recommended","plugin:vue/vue3-recommended","pl...
parserOptions: {//解决 Parsing error: '>' expected.eslintparser: '@typescript-eslint/parser', ecmaVersion:'latest', sourceType:'module'}, plugins: ['vue', '@typescript-eslint'], rules: {//在Eslint中开启prettier校验规则'prettier/prettier': 'error'} ...
eslint-plugin-node@^11.1.0 eslint-plugin-promise@^4.2.1 @typescript-eslint/parser@latest 自动生成的eslintrc.js extends 的顺序后面会覆盖前面,prettier必须在最后, module.exports = { "env": { "browser": true, "es2021": true, "node": true ...
继续往下走，加入prettier相关配置：pnpm i prettier eslint-config-prettier eslint-plugin-prettier -D ...
2. 引入Type # 加入ts依赖 yarn add --dev type 在 项目根目录下创建type的配置文件 tsconfig.json { "compilerOptions": { // 允许从没有设置默认导出的模块中默认导入。这并不影响代码的输出,仅为了类型检查。 "allowSyntheticDefaultImports":true, ...