简单的建筑

ESLint官网网站

ESLint中文官方网站

如果你想在自己的项目中构建ESLint，可以按照官网的说明来做。

以全局安装为例，

Npm install -g eslint然后初始化

eslit-init它会问你一些问题，你可以根据自己的喜好进行配置。我在popular下选择了标准，生成的文件是js格式的，所以会创建eslintrc.js文件：

module . exports={ ' extends ' : ' standard ' }；然后，您可以简单地下载一个文件：

$ ESLint yourfile.js将EsLit添加到vue的项目中

有时，在早期，当我们建立vue项目时，图可能很简单，像ESLint和单元测试这样的模块没有初始化，所以我们需要在以后添加它们。

如果您现在正在创建一个新项目，您可以通过vue-cli轻松初始化ESLint的配置。

以下是如何在旧项目中添加ESLint。

起初，我用vue-cli创建了一个新项目，在初始化时，我选择安装eslint。

选择标准规则，然后生成ESlintrc.js，并将生成的文件复制到旧项目中以添加eslint。

//https://ESLint . org/docs/user-guide/configuring module . exports={//默认情况下，eslint会在所有父目录中查找配置文件，直至根目录。如果你想让你所有的项目都遵循一个特定的惯例，这将是有用的，但是有时它会导致意想不到的结果。若要将ESLint限制为特定项目，请在package.json文件或中的eslintConfig字段下将“root”:设置为true。埃斯林德里克。*项目根目录下的文件。一旦ESLint在配置文件中找到“root”: true，它将停止在父目录中搜索。root: true，parser: 'babel-eslint '，parseroptions : { source type : ' module ' }，env: { browser: true，}，//https://github.com/standard/blob/master/docs/RULES-en . MD extends 3360 ' standard '，lint *需要。vue文件plugins: [ 'html' ]，//在此添加您的自定义规则' rules ' : {//允许无括号箭头函数要求箭头函数的参数使用括号' arrow-parens': 0。//allowansync-aware在生成器函数中强制在0 *周围有一个一致的空间“生成器-星间距”://开发过程中的allowandebugger '无调试器' :进程。环境。node _ env==' production '？2 : 0 }}然后找到package.json，添加与ESLint相关的依赖项(也可以逐个安装，或者有更好的方法。)

巴贝尔-埃斯林' : '^7.1.1'，'埃斯林' : '^3.19.0'，'埃斯林友好格式器' : '^3.0.0'，'埃斯林加载器' : '^1.7.1'，'埃斯林-插件-html': '^3.0.0'，'埃斯林-配置-标准' : '^10.2.1'，'埃斯林-插件-承诺' : '^3.4.0'，埃斯林-插件-标准' :' 3.0.1 '，埃斯林-插件-导入' :' 2。

{ test: /。(js|vue)$/，loader : ' eslit-loader '，enforce: 'pre '，include: [resolve('src ')，resolve('test')]，Options : { formatter : required(' eslit-friendly-formatter ')} }，npm再次安装，应该就够了。

这里的编辑器推荐使用vscode，它可以智能地显示出哪里出错了，并方便修改。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。