vue3搭建移动端项目(2)-eslint配置

最新推荐文章于 2024-07-07 23:36:23 发布

青柠茶沐

最新推荐文章于 2024-07-07 23:36:23 发布

阅读量740

点赞数

分类专栏： vue3移动端项目文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_40220492/article/details/126328899

版权

本文介绍了如何在Vue3移动端项目中结合VSCode配置ESLint。步骤包括安装ESLint插件，创建并配置.eslintrc.js文件，以及调整VSCode的settings.json设置。项目内可通过npm安装所需插件，解决模块未找到问题。完成配置后，项目能实现代码自动格式化。

摘要由CSDN通过智能技术生成

结合vscode

1.安装eslint插件

2.项目根目录新建 .eslintrc.js文件

内容如下,可以根据官网自定义

module.exports = {
    root: true,
    env: {
        browser: true,
        node: true,
        jasmine: true,
        jest: true,
        es6: true
    },
    parserOptions: {
        parser: "babel-eslint"
    },
    extends: [
        "plugin:vue/strongly-recommended",
        "eslint:recommended"
        // 'airbnb-base',
    ],
    // required to lint *.vue files
    plugins: ["vue"],
    // add your custom rules here
    rules: {
        // 'import/extensions': false,
        // 4 行空格缩进
        "vue/html-indent": ["error", 4],
        indent: ["error", 4,