• 技术文章 >开发工具 >VSCode

    浅谈vscode中怎么搭建eslint开发环境

    青灯夜游青灯夜游2021-05-17 11:22:01转载240
    本篇文章给大家分享一下基于vscode的eslint开发环境的搭建方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助

    【推荐学习:《vscode教程》】

    基本环境:

    如果你还没有vscode,可以从这里下载

    1.png

    来安装vscode中需要的eslint插件

    插件地址是这里

    2.png

    复制命令,在vscode中打开快捷栏,command+p,粘贴,vscode会自动的去下载插件,在插件下载完毕之后,会提示重新启动vscode以便运行插件。

    在安装完毕之后,我们打开Terminal,创建我们的工程

    mkdir vsc-demo && cd vsc-demo

    新建文件

    touch app.js

    打开vscode,我们试着写点代码

    var num = 1;
    
    const array = []

    3.png

    看来现在vscode并不认识const这个关键字,

    现在我们来安装全局的eslint

    4.png

    打开我们的Terminal,键入

    npm install eslint -g

    安装完毕后,可以查看我们的版本

    eslint --v
    
    // v2.8.0

    用eslint来创建规则

    eslint --init

    我们选择了标准的eslint规则

    5.png

    然后我们重启我们的vscode

    6.png

    然后就发现,错误更多了!莫慌,我们看看是什么错误:

    其中1和3都提示我们定义了变量但是没有使用,第2个提示我们添加了多余的分号,让我们修改代码

    7.png

    OK,现在eslint可以正常的在我们的vscode环境中工作了,并且支持了es6的语法。

    更多编程相关知识,请访问:编程视频!!

    以上就是浅谈vscode中怎么搭建eslint开发环境的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:segmentfault,如有侵犯,请联系admin@php.cn删除
    专题推荐:vscode eslint 开发环境
    上一篇:vscode中如何断点调试nodejs 下一篇:浅谈vscode中没有css智能提示的解决方法
    第16期线上培训班

    相关文章推荐

    • 详解vscode中如何更简单、有效地调试Node.js程序!!• 如何使用VSCode配置C语言环境• 20+前端常用的vscode插件(总结推荐)• 详解vscode中如何格式化vue文件• 聊聊给vscode编辑器设置图片背景的方法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网