WebStorm

原文网址：WebStorm--常用插件_IT利刃出鞘的博客-CSDN博客

vue+Element

简介

使用vue+element开发系统时，element元素上有很多属性和事件，得常常到官网上去查看每个属性什么意思。为了能够在开发中解决这些问题，提高开发效率，可以使用此插件

保证已经有了Vue.js插件。然后安装Element插件。

用法

标签文档说明查看 （快捷键：ctrl + q）

鼠标放到标签上，按下快捷键

代码块提示功能（live templates）快捷键： ctrl + space 

例：输入el，自动提示el-row等

标签提示

输入<后写el-等会自动出现element标签元素。

属性编写提示及属性值自动完成

带有蓝色向上箭头的属性属element独有属性

element方法提示 (以 elm 开始)

在标签后打个空格，webstorm会自动提示该元素包含的属性

CodeGlance

在右侧显示当前文件中代码的缩略图

eslint

简介

        检查器（Linters）是可以自动检查代码样式，并提出改进建议的工具。他们在进行代码风格检查时，还可以发现一些代码错误，例如变量或函数名中的错别字。

JSLint：第一批检查器之一
JSHint：比JSLint多了一些设置
ESLint：最新的检查器

WebStorm自带Eslint。设置位置：File=> Settings=> Languages & Frameworks=> JavaScript=> Code Quality Tools=>
    ESLint=> 

其他网址

webstorm上的Element提示插件 - 知乎

WebStorm

原文网址：WebStorm--常用插件_IT利刃出鞘的博客-CSDN博客

vue+Element

简介

使用vue+element开发系统时，element元素上有很多属性和事件，得常常到官网上去查看每个属性什么意思。为了能够在开发中解决这些问题，提高开发效率，可以使用此插件

保证已经有了Vue.js插件。然后安装Element插件。

用法

标签文档说明查看 （快捷键：ctrl + q）

鼠标放到标签上，按下快捷键

代码块提示功能（live templates）快捷键： ctrl + space 

例：输入el，自动提示el-row等

标签提示

输入<后写el-等会自动出现element标签元素。

属性编写提示及属性值自动完成

带有蓝色向上箭头的属性属element独有属性

element方法提示 (以 elm 开始)

在标签后打个空格，webstorm会自动提示该元素包含的属性

CodeGlance

在右侧显示当前文件中代码的缩略图

eslint

简介

        检查器（Linters）是可以自动检查代码样式，并提出改进建议的工具。他们在进行代码风格检查时，还可以发现一些代码错误，例如变量或函数名中的错别字。

JSLint：第一批检查器之一
JSHint：比JSLint多了一些设置
ESLint：最新的检查器

WebStorm自带Eslint。设置位置：File=> Settings=> Languages & Frameworks=> JavaScript=> Code Quality Tools=>
    ESLint=> 

其他网址

webstorm上的Element提示插件 - 知乎