vscode使用eslint自动验证

首先在vscode下安装选择文件-》首选项-》设置里面对eslint进行配置"eslint.validate": ["javascript","javascriptreact","html",{ "language": "vue", "autoFix": tr

qq_37530404

8252人浏览 · 2018-06-28 09:32:26

qq_37530404 · 2018-06-28 09:32:26 发布

首先在vscode下安装

选择文件-》首选项-》设置里面对eslint进行配置

 
  "eslint.validate": [ 
 
  "javascript", 
 
  "javascriptreact", 
 
  "html", 
 
   { 
  "language": 
  "vue", 
  "autoFix": 
  true }, 
 
   { 
  "language": 
  "html", 
  "autoFix": 
  true } 
 
   ], 
 
  "eslint.autoFixOnSave": 
  true,

1、vue下：

vue-cli时启用eslint就行了，这里推荐使用vue的eslint：https://blog.csdn.net/sinat_19327991/article/details/77866008

2、浏览器下：

安装eslint，并初始化

npm install eslint --save-dev

eslint./node_modules/.bin/eslint --init

将创建的配置文件eslintrc复制到根目录下（如要忽略某些文件或目录还需要eslintignore）

最后npm install eslint-plugin-promise --save-dev

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^