在vue-cli中为了能让vscode能提示.vue文件中的js代码，我们引入了eslint-plugin-html这个eslint插件最近开始使用vue-cli3构建项目，主要目的是为了简化项目代码结构和提高编译性能。当我们使用以前的方案去实现vscod

发起一个github/npm工程协作项目，门槛太高了！！如何持续化集成，方便更多协作者参与项目？这四样工具的配置，是每个github项目都会用上的。另外，gitignore配置、editconfig、readme、lisence。。。也是必不可缺的。你可能

很多小伙伴一直很纠结什么是脚手架？其实核心功能就是创建项目初始文件，那问题又来了，市面上的脚手架不够用吗，为什么还要自己写？只要提到脚手架你就会想到，vue-cli 、 create-react-app 、 dva-cli ... 他们的特点不用多说那就是

nrm使用nrm来管理npm源，我不使用cnpm来下载包。因为npm和cnpm混用，会出现莫名其妙的错误。

"npm i webpack@latest webpack-cli --save-dev"然后运行 npm run dev 运行之后报错。webpack-dev-middleware@latest"更新loaders以及一些

谷歌了原因，结果是：开启了eslint编码规范检查的缘故。eslint是一个JavaScript的校验插件，通常用来校验语法或代码的书写风格。这个校验会比较严格，像缩进、空格、空白行之类的规范，在开发过程中就会一直报错。避免这种严格的语法校验带来的不便，通

配置 ESLint 打开用户设置文件。在浏览器中展示源码如果你使用的是 Vue CLI 2，请设置并更新 config/index.js 内的 devtool 属性：。}在vscode中点击在 Activity Bar 里的 Debugger 图标来到 D

使用 ESLint 禁止项目导入特定模块项目团队成员希望能够禁用某些 JS 依赖。比如有团队成员希望使用 lodash 而将这个巨大的依赖引入项目，导致项目整体过分臃肿。团队成员应当使用 lodash-es 来避免这种情况。那么 ESLint 就提供了一个

我们在前面的四篇中介绍了husky、commitlint、lint-staged、prettier这些工具，可以完成以最小的代价在Git提交到远程仓库前，格式化为统一风格的代码，eslint大家都很熟悉这里就不列举了。下面举一个配置。}这里对于项目里ts、

在我们介绍了Husky、Commitlint之后，来看一个前端文件过滤的工具Lint-staged，代码的格式化肯定会涉及到文件系统，一般工具会首先读取文件，格式化操作之后，重新写入。对于较大型的项目，文件众多，首先遇到的就是性能问题，虽然如Eslint之

ESLint事件回顾：2018年7月12日，全球最大的面向开源及私有软件项目的托管平台GitHub对外宣称，一名黑客入侵了ESLint，并利用Npm账户发布了包含了恶意软件的版本3.7.2，用户在安装时，恶意代码将会自动执行，访问某个网站同时会把用户的.n

前端的日常开发离不开各种 lint 的支持，使用 lint 的一种误解是：个人能力不足，必须 lint 规范才能写出规范的代码，实际上规范的定义主要取决于开源项目作者的习惯，或者公司团队编码的习惯，即使两个前端专家，写出的代码规范也会有差别。今天主题聊聊

npm install vue-cli -g三、打开一个目录，在这个目录要创建我们的项目，然后我使用git bash. vue init webpack test这里test指的是项目名，该命令执行后会创建一个名为test的目录，也就是我们所搭建的项目。V

介绍ESLint 是一个插件化的 javascript 代码检测工具，它可以用于检查常见的 JavaScript 代码错误，也可以进行代码风格检查，这样我们就可以根据自己的喜好指定一套 ESLint 配置，然后应用到所编写的项目上，从而实现辅助编码规范的执

再当前项目中安装下面包npm i webpack-cli@2.0.15 webpack@4.6.0 css-loader@0.28.11 extract-text-webpack-plugin@4.0.0-beta.0 file-loader@1.1.11

ESLint 也可以在 webpack 和 Gulp.js 中使用。统一代码风格规则，如：缩进用几个空格；是否用驼峰命名法来命名变量和函数名等。npm install -g eslint初始化eslint配置，在用户文件中会生成一个eslint配置文件，即

ESLint是一个语法规则和代码风格的检查工具。目前ESLint的稳定版本是v4.19.1，如果你看过ESLint的官方文档，就会知道官网推出了ESLint v5.0.0-alpha.1，这是ESLint的一个主要版本升级。由于这是预发布版本，ESLint

],build打包后刷新not found问题这是vue-router的history模式的问题，在VueThink下建个.htaccess文件,保存下面配置。</IfModule>如果不是Apache请查看详细文档，或者直接将路由模式改回默认

prettier的配置选项（参数）官网直译ATTENTION PLEASE:本翻译仅用于学习交流，禁止商业用途。好啦，不啰嗦了，如果有大神发现有错误，或者更好的翻译，欢迎带锤子来读（万分感激！参数Prettier工具少数几个可以定制的参数，在CLI命令行和

npm i -D eslint接下来新建一个配置文件.eslintrc.js,或执行以下命令自动生成。eslint --init制定环境要指定配置文件中的环境，请使用env键并指定要启用的环境true。alert;要禁用特定行上的所有规则，请使用以下格式之