精华内容
下载资源
问答
  • webstorm出现红色波浪线 取消的办法是用如下操作:

    webstorm出现红色波浪线
    在这里插入图片描述

    取消的办法是用如下操作:
    在这里插入图片描述

    展开全文
  • webstorm昨天匆忙改了代码,今天打开该部分代码提示Cannot identify version of git executable: no response,打开代码显示异常,全是空格 setting里测试GIT是好的. ![图片说明]...
  • WebStorm配置代码格式化 配置WebStorm代码格式化功能,使自动代码格式后符合ESLint+Prettier代码检测规范。  通过vue-cli脚手架工具搭建vue项目时,会让我们选择是否配置ESLint(代码检测工具),很多人会选择...

    WebStorm配置代码格式化

    配置WebStorm的代码格式化功能,使自动代码格式后符合ESLint+Prettier代码检测规范。

      通过vue-cli脚手架工具搭建vue项目时,会让我们选择是否配置ESLint(代码检测工具),很多人会选择No,因为一旦有了检测,会降低开发效率(经常报错)。
      但我在实际工作中会选择配置它。
      因为一方面可以养成良好的代码习惯,写出来的代码可读性高
      另一方面可以使团队协作的项目中代码风格一致,便于维护

      在使用脚手架创建项目时,我选择了 ESLint + Prettier。这也是使用比较多的一个组合。

      而一旦配置了代码检测工具,我们在使用WebStorm的Reformat Code功能时,就会出现下图这样的警告,甚至报错。
    ![](https://img-blog.csdnimg.cn/20200710172705150.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9uYW4xMjM4Ng==,size_16,color_FFFFFF,t_70)![在这里插入图片描述](https://img-blog.csdnimg.cn/20200710172705125.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9uYW4xMjM4Ng==,size_16,color_FFFFFF,t_70) ![在这里插入图片描述](https://img-blog.csdnimg.cn/2020071017270536.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9uYW4xMjM4Ng==,size_16,color_FFFFFF,t_70)

    这是因为WebStorm的默认格式化标准不同造成的,一些玩家选择修改.eslintrc.js文件中的规则(rules)来让检测工具“迎合”IDE,我不太喜欢这样,而且也不能解决一些问题(比如eslint不报错了,但Vue却还是会报错等等)。

      下面记录下我的最终解决办法

    一、修改代码缩进

      依次进入WebStorm的
      File => Settings => Editor => Code Style
      将缩进设置为2(个空格),其中包括Style Sheets中的各种css语言文件、html文件、JavaScript文件和其它类型文件(根据实际情况),如下图所示。
    ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200710172836638.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW9uYW4xMjM4Ng==,size_16,color_FFFFFF,t_70)

    二、修改标签后换行不缩进

      ESLint + Prettier 约定了 <script> 标签和 <style> 标签后的首行代码不缩进,我们也要配置一下。
      进入
      File => Settings => Editor => Code Style => HTML => Other
      在 Do not indent children of 一栏中加入script标签和style标签,如下图所示。

    三、设置函数名和花括号的空格

      ESLint + Prettier 约定了:
      ● 函数声明时,函数名后不加括号;
      ● 在函数表达式中function后面括号前不加空格;
      ● 花括号中(插值表达式/解构赋值)首尾要增加空格。
      我们在
      File => Settings => Editor => Code Style => JavaScript => Spaces
      做如下配置(见下图):

    webstorm_reformat_code_spaces.png.png

      现在,就可以愉快地使用WebStorm的 Code => Reformat Code 来自动格式化代码,而不用担心格式完后一堆报错了。

    四、相关:vue-cli脚手架工具

      如果想了解vue-cli脚手架工具搭建vue项目的相关内容,可以阅读我的另外两篇笔记:
      《Vue CLI 2.x搭建Vue项目》
      《Vue CLI 3.x搭建Vue项目》

    展开全文
  • Webstorm 代码格式化空格不一致问题

    万次阅读 2018-07-12 10:35:27
    问题背景:vue开发,使用ESLlint作为代码格式校验问题描述:webstorm for windows和for mac os,使用快捷键代码格式化结果不一致,导致有些格式需要自己手动修改的问题。问题图述:mac环境-格式化前:mac环境-...

    问题背景:

    vue开发,使用ESLlint作为代码格式校验

    问题描述:

    webstorm for windows和for mac os,使用快捷键代码格式化结果不一致,导致有些格式需要自己手动修改的问题。

    问题图述:

    mac环境-格式化前:

    mac环境-格式化后:


    windows环境-格式化后


    问题就在于,在windows环境下data后面的空格消失了,如何与mac os保持一直?


    解决方法:

    1.将webstorm升级至2017.3及以上版本

    2.在 .eslintrc.js 上右键,菜单底部有一个 "Apply ESLint Code Style Rule" 点它,之后自动格式化就会按照 eslint 的规则了

    3.重新使用代码格式化快捷键,查看问题是不是解决了

    补充:如果想要快捷修复ESLint校验问题,也可以点击“Fix ESLint Problems”解决

    关于进一步的个性化编码配置,请参考"setting" -->"Editor" --> "Code Style" --> "JavaScript",然后在tab栏,切换到spaces,通过勾选完成你想要的空格配置。

    图解:


    希望能够帮到大家!

    展开全文
  • WebStorm配置代码格式化 配置WebStorm代码格式化功能,使自动代码格式后符合ESLint+Prettier代码检测规范。 通过vue-cli脚手架工具搭建vue项目时,会让我们选择是否配置ESLint(代码检测工具),很多人会选择No...

    WebStorm配置代码格式化

    WebStorm VUE代码格式化后报错缩进问题,重新配置代码格式化的方法,配置WebStorm的代码格式化功能,使自动代码格式后符合ESLint+Prettier代码检测规范。

    通过vue-cli脚手架工具搭建vue项目时,会让我们选择是否配置ESLint(代码检测工具),很多人会选择No,因为一旦有了检测,会降低开发效率(经常报错)。
      但我在实际工作中会选择配置它。
      因为一方面可以养成良好的代码习惯,写出来的代码可读性高,
      另一方面可以使团队协作的项目中代码风格一致,便于维护。

    在使用脚手架创建项目时,我选择了 ESLint + Prettier。这也是使用比较多的一个组合。

    而一旦配置了代码检测工具,我们在使用WebStorm的Reformat Code功能时,就会出现下图这样的警告,甚至报错。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6W4l4Qbl-1583136253015)(/medias/blogimages/webstorm_reformat_code_warning.png)]
      这是因为WebStorm的默认格式化标准不同造成的,一些玩家选择修改.eslintrc.js文件中的规则(rules)来让检测工具“迎合”IDE,我不太喜欢这样,而且也不能解决一些问题(比如eslint不报错了,但Vue却还是会报错等等)。

    下面记录下我的最终解决办法。

    一、修改代码缩进

    依次进入WebStorm的
    File => Settings => Editor => Code Style
      将缩进设置为2(个空格),其中包括Style Sheets中的各种css语言文件、html文件、JavaScript文件和其它类型文件(根据实际情况),如下图所示。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ocZnLUX0-1583136253019)(/medias/blogimages/webstorm_reformat_code_indent.png)]

    二、修改标签后换行不缩进

    ESLint + Prettier 约定了 <script> 标签和 <style> 标签后的首行代码不缩进,我们也要配置一下。
      进入
    File => Settings => Editor => Code Style => HTML => Other
      在 Do not indent children of 一栏中加入script标签和style标签,如下图所示。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0hPCpCas-1583136253020)(/medias/blogimages/webstorm_reformat_tag_indent.png)]

    三、设置函数名和花括号的空格

    ESLint + Prettier 约定了:
      ● 函数声明时,函数名后不加括号;
      ● 在函数表达式中function后面括号前不加空格;
      ● 花括号中(插值表达式/解构赋值)首尾要增加空格。
      我们在
    File => Settings => Editor => Code Style => JavaScript => Spaces
      做如下配置(见下图):

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3zDBLAUX-1583136253021)(/medias/blogimages/webstorm_reformat_code_spaces.png.png)]

    现在,就可以愉快地使用WebStorm的 Code => Reformat Code 来自动格式化代码,而不用担心格式完后一堆报错了。

    四、相关:vue-cli脚手架工具

    如果想了解vue-cli脚手架工具搭建vue项目的相关内容,可以阅读我的另外两篇笔记:
    《Vue CLI 2.x搭建Vue项目》
    《Vue CLI 3.x搭建Vue项目》

    .series a {
        text-decoration:none !important;
    }
    
    展开全文
  • 最近刚接触vue,发现按tab缩进代码时缩进一直是2格而不是4格,检查了一下WebStorm的配置: File > Settings > Editor > Code Style > JavaScript的设置,发现Indent的键值为4: 这样配置是没有错的,于是找了下...
  • WebStorm 代码很长自动换行

    千次阅读 2020-08-29 13:47:51
    webstorm 的格式化代码只是对代码的缩进、空格进行了调整,完整的一行代码并不会换行,但是我们可以自行的对代码进行换行设置,具体操作如下: 在代码编辑窗口的左半部分,右击鼠标,如下图。出现以下几个选项,...
  • 格式化 rpx出现空格问题 //windows系统 sed -i s/"\ rpx"/rpx/g $FilePath$ //MacOS系统 sed -i "" s/"\ rpx"/rpx/g $FilePath$ windows系统如图所示配置 苹果系统如图所示配置 注意:windows系统需要下载sed这个...
  • webstorm缩进两个空格设置

    千次阅读 2020-07-24 14:48:44
    webstorm缩进两个空格设置
  • Webstorm 为例,调整Tab size 和 Indent 为2即可 可调整代码缩进的语言均在左边栏处,调整 Vue 可以选择左侧最下方 Other File Types,点击 Apply 后即可应用退出
  • Webstorm 代码格式化 es6语法支持

    千次阅读 2018-11-03 19:59:08
    空格不一致,比如:data() ,es6应该是data (),少了个空格 解决方法: 1.将webstorm升级至2017.3及以上版本 2.在 .eslintrc.js 上右键,菜单底部有一个 "Apply ESLint Code Style Rule" 点它,之后...
  • 格式化出现空格问题,通过sed命令来处理, //windows系统 sed -i s/"\ rpx"/rpx/g $FilePath$ //MacOS系统 sed -i "" s/"\ rpx"/rpx/g $FilePath$ windows需要下载sed软件 windows系统下配置如下图所示 ...
  • 代码忘记加空格,有的时候还需要一个一个去补,直到解锁了一键格式化代码的快捷键,简单做一下分享 Ctrl + Alt + L
  • webstorm禁止自动去除空行空格的方法

    千次阅读 2020-05-21 10:38:44
    webstorm会自动去除空行里的空格,或者一行代码末尾的多余空格。 但是在项目中,没有明确空格代码规范,所以webstorm的自动去除空格有时候会在git时造成不必要的冲突,干脆就忽视这一功能。 将这两处设置好就...
  • 工欲善其事必先利其器 ... ... 3. E#id 代表生成id属性,值为id 4. E.classname 代表类,值为classname ...6. E{ }代表标签的内容,也可以直接空格后面写类容:E 类容 7.E>N E标签里面生成N标签 8.E
  • webstorm代码提示默认按键为ctrl+空格 但是windows输入法中英文输入法的默认按键也是ctrl+空格 这就导致webstorm按键冲突,无法使用代码快捷提示按键 解决方法: 按ctrl+shift+a 输入key map 然后搜索basic ...
  • webstorm格式化代码与eslint冲突的问题

    千次阅读 2020-06-29 10:40:11
    升级webstorm版本后,格式化代码后,代码风格可能与之前会有区别,导致看着别扭,eslint还飘红。 解决方式是启用自定义的code style设置。截图如下: 如果设置里没有这个选项,则可以在项目根目录下添加....
  • 我在使用webstorm做开发几年后,碰见了喜欢使用vscode的同事一起开发,但是出现了代码格式化不一致问题,这里我记录了我解决webstorm格式化适用vscode 禁用script标签后export缩进问题 在 webstorm 配置中 找到...
  • 去D2后发现 Hedger 的js编辑器是webStorm,便下载来试试,结果发现:虽然WebStorm的js的提示远远不如aptana那么强悍(输入字母d不提示document),但是做为 IntelliJ IDEA 的js缩水版,其它功能也是比较期待的。...
  • 通常我们写代码时,代码缩进都是4个空格,但是在前端中,据全球投票统计,建议使用2个空格来进行代码缩进。 首先我们打开webstorm中的设置,如果使用的是mac的同学直接使用command + ,快捷方式,来到Editor-->...
  • webstorm sublime工具代码简写笔记

    千次阅读 2015-12-26 12:16:54
    最近没什么捣鼓的,sublime 和webstrom这两个工具简直就是前端工程师的左膀右臂,让代码写起来666666666666的快。总结一下写HTML的简写: 简写 + Tab = HTML代码; ps:E代表html标签字母,比如div ul li等等 简写 ...
  • webstorm 设置Vue中 Script 标签首层不缩进解决方法1(放弃缩进):解决方法2(仍要缩进): webstorm 的缩进规则与 eslint-vue 冲突, webstorm格式化后如下: <script> exports default { } </script&...
  • 去D2后发现 Hedger 的js编辑器是webStorm,便下载来试试,结果发现:虽然WebStorm的js的提示远远不如aptana那么强悍(输入字母d不提示document),但是做为 IntelliJ IDEA 的js缩水版,其它功能也是比较期待的。...
  • 安装一个插件,并关闭检查即可解决。 安装插件 关闭检查
  • webstorm vue 向内缩进4个空格

    千次阅读 2020-03-23 15:12:10
    创建一个vue新工程后,在webstorm等ide里面打开项目,发现每行的缩进是2个空格,但是个人觉得看着整体页面实在怪怪的,强迫性的希望能向内缩进4个空格。 首先想到的就是设置webstorm的CodeStyle配置: File > ...
  • 解决WebStorm与VSCode的代码格式化冲突

    千次阅读 2020-06-09 10:38:03
    到了新公司发现同事用的都是VSCode,而VSCode的格式化代码WebStorm的不一致。 因为前后端都做,用惯了JetBrains全家桶,导致不太适应VSCode,最后所以打算调整一下代码的格式化,继续用webstorm开发。 自闭合的...
  • tab=2个空格 清理文件的末尾:不要连续空n行,也不要一行也不空 删除文件末尾多余的空行 Remove traling blank lines at the end of saved files 解决DOS文件的末尾没有CRLF换行 no newline / line-break at end ...
  • webstorm 格式化代码Ctrl+alt+l

    千次阅读 2018-06-16 12:24:57
    Ctrl+alt+l ,一行或是一整块的格式化
  • Webstorm

    2019-09-13 14:12:59
    一、安装 1.官网下载安装包 https://www.jetbrains.com/webstorm/?fromMenu 2.打开安装包 ...选择是否创建桌面快捷方式和关联文件 电脑中没安装java就勾选上下载jre(Webstorm是用java制作的所以需要jre)...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,312
精华内容 924
关键字:

webstorm空格代码