eslint

本文目录一览：

• 1、angularjs+eslint-plugin-angular
• 2、ESLint规范
• 3、vue事件未绑定函数但是没报错
• 4、关于eslint使用规则,和各种报错对应规则
• 5、Postcss与Eslint常见控制台警告
• 6、请教如何在phpStorm中配置eslint

angularjs+eslint-plugin-angular

对 Vue.js 开发，有一个叫 Vetur 的扩展相当棒，它目前的下载量已经有将近2，000万。Vetur 的功能很强大，包括代码片段，Emmet，错误检查，格式化，调试和高亮语法等。

第 0 步：拥有一个 Angular 应用为实现本文的目的，请保持 Angular 应用的简单性。我计划在 2018 年进行欧洲之旅，因此我的 Angular 应用实质上是一个我想访问的目的地清单。

ideaVim 此插件可以让 webstorm 编辑器支持 vim。 .ignore 可以支持 .gitignore 的语法规则，并提供了一些自动将文件加入 .gitignore 中的功能。

ESLint规范

ESLint不依赖于特定的编码约定，用户也可以自由地启用或禁用各个编码约定。从这个意义上讲，它的一个主要特点是其高度可定制性。用户可以通过定义原始 规则来 灵活地设置编码标准，这些规则是ESLint中默认可用的编码规则。

左上角有一个file选项 点击第二个new（不是new project） 然后选择stylesheet就是了，存放地点是当前目录。

ESLint： 规范js Vuter： 规范 .vue 文件中 template stylus： 规范 stylus 注意：以下配置是基于接下来介绍的插件设置的，如果没有安装插件是不会生效的。

vue事件未绑定函数但是没报错

1、参数里面如果有next，函数中需要调用一下next()；或者就是删除next。如果不写不报错但是不跳转页面。

2、代码第 29-31 行，once 案例中，我们给按钮的点击事件添加了 .once 的修饰符，所以只有首次点击按钮的时候会触发事件函数，再次点击之后将不会触发事件函数。在监听键盘事件时，我们经常需要检查详细的按键。

3、端口冲突错误：需要改端口，当然现在vue0中的webpack 已经自己会根据你的端口号进行改正，从8080往后面进 行递增，不会发生端口号冲突的情况，在vue0中会经常出现。

关于eslint使用规则,和各种报错对应规则

【ESlint 中文官方网站】：http：//eslint.cn/ ESlint规范你可以通过下面的列表大概了解ESlint的风格，确实与一般的开发习惯不太相同。

用户可以通过定义原始 规则来 灵活地设置编码标准，这些规则是ESLint中默认可用的编码规则。此外，第三方共享的着名编码约定，例如“Google JavaScript Style Guide”或“Airbnb JavaScript Style Guide”也可以重复使用。

vue.config.js 文件中 require(path) 加载path模块，eslint报错error Require statement not part of import statement 。

Postcss与Eslint常见控制台警告

当我们用vue-cil建立一个完整的webpack+vue的项目之后，它的设置选项还是蛮多的。比如，当我们输入npm run dev开始跑起项目之后，就会自动的打开浏览器，并把页面打开。按理说，这是一个很方便的配置。

而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。

下载eslint-loader和eslint 在package.json中的eslintConfig中进行配置 配置eslint-loader，其中只需检测js文件并要排除第三方库，只检测自己写的源代码，同时可在options配置中设置fix：true，自动修复eslint的错误。

请教如何在phpStorm中配置eslint

1、IDE 配置存储在PHPStorm指定的独立文件夹中，各个平台不同，配置的文件夹存放位置也不同。存放目录由PHPStorm名称和版本组成。例如：Windows User home\.WebIdeXX\config 存放用户指定的设置。

2、PHPStorm 使用git bash 为terminal终端 File - Settings - Tools - Terminal 设置shell_path为D：\Git\bin\sh.exe --login -i这里注意路径两侧的双引号，如果去掉打开终端会报错。

3、设置WAMP语言。你可以设置其他语言，当然我们设置为中文。WAMP重启后，就是中国的了。你可以通过WAMP配置PHP环境。添加别名目录，(就像在IIS上配置虚拟目录一样)添加别名目录名。设置别名目录名称指向的物理路径。

4、PhpStorm自带一个内置的网络服务器，提供静态容量，如HTML、JavaScript和CSS以及PHP。如下：在PhpStorm界面中，可以通过Settings | Project Settings | PHP来确保对项目配置。其主要是保证PHP解析器的正确。