WWW.lllT.neT这篇文章内容给各位共享一下根据vscode的eslint开发工具的构建方式。有一定的实用价值,有须要的小伙伴可以参照一下,期待对各位有些协助

探讨vscode中如何搭建eslint开发工具

【建议学习培训:《vscode教程》】

基本上自然环境:

  • vscode v1.0.0

  • eslint v2.8.0

  • mac

假如你都还没vscode,可以从这儿在线下载

探讨vscode中如何搭建eslint开发工具

来组装vscode中必须的eslint软件

软件详细地址是这儿

探讨vscode中如何搭建eslint开发工具

拷贝指令,在vscode中开启便捷栏,command p,黏贴,vscode会全自动的去下载插件,在插件下载结束以后,会提醒重启vscode便于运作软件。

在组装结束以后,大家开启Terminal,建立大家的工程项目

mkdir vsc-demo && cd vsc-demo

新建文件

touch app.js

开启vscode,大家尝试写点编码

var num = 1;

const array = []

探讨vscode中如何搭建eslint开发工具

来看如今vscode并不认识const这一关键词,

如今让我们来组装全局性的eslint

探讨vscode中如何搭建eslint开发工具

开启大家的Terminal,输入

npm install eslint -g

组装结束后,可以查询大家的版本号

eslint --v

// v2.8.0

用eslint来建立标准

eslint --init

大家选用了规范的eslint标准

探讨vscode中如何搭建eslint开发工具

随后大家重新启动大家的vscode

探讨vscode中如何搭建eslint开发工具

随后就发觉,不正确大量了!莫慌,大家看一下有什么不正确:

在其中1和3都提醒大家界定了自变量可是沒有应用,第2个提醒大家加上了不必要的分号,使我们改动编码

探讨vscode中如何搭建eslint开发工具

OK,如今eslint可以没问题的在人们的vscode工作环境了,而且适用了es6的英语的语法。

大量程序编写有关专业知识,请浏览:编程视频!!

以上便是探讨vscode中如何搭建eslint开发工具的详尽具体内容,大量请关心自学java网其他相关文章!

WWW.lllT.neT

声明:有的资源来自网络转载,版权归原作者所有,如有侵犯到您的权益请联系邮箱:our333@126.com我们将配合处理!

原文地址:探讨vscode中如何搭建eslint开发工具发布于2021-12-13 16:00:02