weex/vue 基于eslint + eslint-plugin-vue代码检测机制

1. 什么是ESlint?

ESLint 是一个ECMAScript/JavaScript 语法规则和代码风格的检查工具,它的目标是保证代码的一致性和避免错误。

【ESlint 中文官方网站】:https://cn.eslint.org/

2. 什么是eslint-plugin-vue?

这个插件允许我们用ESLint检查.vue文件的<template>和<script>。

【eslint-plugin-vue 官方网站】:https://eslint.vuejs.org/

3. vue-cli 或 weex-toolkit 快速搭建的项目。

    3.1 用weex做示范创建一个初始化项目:

 weex-cli 创建的一个包含eslint的初始化项目

3.2 找到根目录下的.eslintrc.js这个是eslint的配置文件:


eslint 配置文件


3.3 关闭或打开eslint:


eslint 开关


eslint 检验规则开关


4. eslint 配合git 在代码还有错误时无法commit。

用 git commit 提交代码之前,利用pre-commit git钩子,实现代码规范检测(eslint、standard 规范),符合规范之后才可以提交到 git 仓库。

需要安装:cnpm install --save-dev husky

安装好依赖后在:


配置git 钩子

笔记一样的文章,大佬手下留情

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容