Eslint

这里写自定义目录标题

  • Eslint
    • eslint
      • eslint是什么
      • 为什么需要
      • 怎么用
        • 初始化
        • 启动

Eslint

eslint

eslint是什么

插件化的JS代码检测工具

为什么需要

JS是弱类型语言,开发过程中容易出错。Eslint可以在编码中发现问题而不是执行时。

怎么用

初始化

  1. 安装
    npm install eslint
  2. 设置lint规则
    1. 新建一个.eslintrc文件,手写配置项
      直接在 package.json 文件里的 eslintConfig 字段指定配置
    2. 输入init命令,选择相关配置项后自动生成配置文件
	//选择若干条件,生成.eslintrc.js文件
	./node_modules/.bin/eslint --init

具体需要选择的配置项内容

>? How would you like to use ESLint? To check syntax, find problems, and enforce code style
>? What type of modules does your project use? JavaScript modules (import/export)
>? Which framework does your project use? Vue.js
>? Does your project use TypeScript? No
>? Where does your code run? (Press  to select,  to toggle all,  to invert selection)Browser
>? How would you like to define a style for your project? Use a popular style guide
?? Which style guide do you want to follow? Airbnb (https://github.com/airbnb/javascript)
>? What format do you want your config file to be in? JavaScript

启动

  1. 只是在项目里安装了
$ ./node_modules/.bin/eslint yourfile.js

./node_modules/.bin/目录里面放置了整个项目可执行的二进制文件
2. 全局安装了eslint

$ eslint yourfile.js

你可能感兴趣的:(前端学习,Vue)