WebStorm--插件--常用插件

ゝ一纸荒年。 2022-12-15 14:04 529阅读 0赞

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

# vue+Element #

**其他网址**

> [webstorm上的Element提示插件 - 知乎][webstorm_Element_ -]

**简介**

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

> 保证已经有了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--_--_IT_-CSDN]: https://knife.blog.csdn.net/article/details/109130975
[webstorm_Element_ -]: https://zhuanlan.zhihu.com/p/34735529
[Link 1]: https://link.zhihu.com/?target=http%3A//element-cn.eleme.io/%23/zh-CN