webstorm常用配置
其他记录 2021-12-27 11:12:09

1、配置常用快捷键

1.png

Keymap -> 搜 reformat,改常用格式化代码格式快捷键

 

2、改es6语法,函数名和括号之前留空格

2.png

 

3、html代码中将单引号,改为双引号

3.png

 

JS中双引号改成单引号

 

funtion中的*前后加空格:

 

 

4、花括号...加空格,比如 {...abc},改成{ ...abc }

4.png

 

JS的import ,加空格

6.png

 

 5、if(abc){} 改成 if (abc) {}

 5.png

 

5、去掉行尾的;号(分号)

iShot_2022-08-22_15.50.19.png 

 

 

一次性解决eslint单引号、双引号、分号、空格的报错警告问题 

自动将‘单引号’改为“双引号”,自动给末尾添加逗号,自动给每一项 结尾添加逗号,导致eslint报警告,只需要一步解决:尤其‘末尾禁止添加逗号’这个很重要,找了好久~~~~

在项目根目录新建.prettierrc 文件,添加对象

XML/HTML Code复制内容到剪贴板
  1. {  
  2.   "printWidth": 120,  
  3.   "semi": false,// 去掉结尾的分号  
  4.   "singleQuote": true,// 单引号替代双引号  
  5.   "trailingComma": "none",// 末尾禁止添加逗号  
  6. }  

 

保存之后报错警告即消失,项目正常启动

 
eslint在funtion后面不能有空格或项目代码不能有空行配置
 
打开项目找到 .eslintrc.js文件,在rules对象添加下面代码
 
JavaScript Code复制内容到剪贴板
  1. 'space-before-function-paren': 0,  
  2. 'no-multiple-empty-lines': 0  
 

 

本文来自于:http://www.yoyo88.cn/note/other/610.html

Powered by yoyo苏ICP备15045725号