JavaScript 中语句的分号及webstorm对其的设置

最新推荐文章于 2021-09-07 17:38:12 发布
转载 最新推荐文章于 2021-09-07 17:38:12 发布 · 291 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://blog.youkuaiyun.com/m0_37604745/article/details/79032653
文章标签：

#开发工具 #webstorm

本文探讨了JavaScript中语句分号的重要性及其在WebStorm中的设置方法，帮助开发者理解分号的作用并掌握如何在IDE中进行个性化配置。
【原创】WebStrom使用技巧
盛唐年华的博客
01-16 424
1.JS代码自动标准化添加“;”（这个符号是分号） 起因：ASP.NET MVC 5 中使用Bundel函数压缩JS代码提高交互效率，发现，如果JS代码不是很标准，比如，在代码换行的时候没有加入分号，本身逻辑写法没有问题，但是如果使用Bundel压缩后，如果没有加入分号，就引出变量或者作用域的问题。 //压缩前 testFunc：function(a,b){ if(!a) retur...
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
10-29 1万+
1、每行代码结尾自动加上;分号： Ctrl+Shift+S→编辑器→Code Style→Punctuation→Use（下拉框选Use）semiconlon to terminate statements 后面下拉框选always 2、JSON对象的属性名始终采用双引号： Use double（下拉框选double）quotes 后面下拉框选always 3、自动化格式去掉JSON对象最...
WebStorm格式化js代码，修改双引号为单引号及去除分号
AI_xin99的博客
09-07 6186
1、点击File，打开Settings，选择Editor，点击Code Style，选择JavaScript，设置如下图即可： 2、最后执行格式化快捷方式（windows）: crtl + alt + l
webstorm JSHint:'let' is available in ES6(use 'esverion:6') or Mozilla JS extensions(use moz).(W10...
dlws15212的博客
06-06 1961
在webstorm使用ES6时，会报错：JSHint:'let' is available in ES6(use 'esverion:6') or Mozilla JS extensions(use moz).(W104) 有两种解决办法： 1.在js顶部添加注释，/*jshint esversion: 6 */ 2.在项目根目录下添加.jshintrc配置文件，在配置文件添加...
在webstorm里面出现jshint的代码错误提示
沿华的博客
07-24 4334
  忽略掉这些错误用快捷键：Ctrl+Shift+Alt+H
Vue运行出现Missing semicolon错误,解决办法
热门推荐
七侠剑客的博客
03-25 8万+
vue出现 Missing semicolon错误，解决办法     用vscode开发vue项目，运行时出现Missing semicolon报错 通过命返回的错误可以看到，它提示我们是App.vue十一行有问题，少了分号导致 将分号添加，再运行项目则正常。 ...
JS文件在webstorm中报错
Sapling
03-13 1173
File----Settings----Languages & Frameworks------- JSHint/JSLint
python open 追加_python 文件操作读、写、追加的区别
weixin_39772420的博客
11-20 343
打开文件的常用模式有：r ，只读模式【默认】w，只写模式【不可读；不存在则创建；存在则清空内容；】a， 追加模式【可读； 不存在则创建；存在则只追加内容；】"+" 表示可以同时读写某个文件r+， 读写【可读，可写】【可理解为先读后写，不擦除原文件内容，指针在0】w+，写读【可读，可写】【可理解为先写后读，擦除原文件内容，指针在0】a+， 写读【可读，可写】【不擦除原文件内容，但指针直接到最后，...
WebStorm 去除分号，变量和方法警告提示
gclhaha的博客
08-22 5177
分号警告 Setting-》Inspections-》搜索Unterminated statement -》取消勾选 变量和方法警告 Setting-》Inspections-》搜索Un -》取消勾选
解决eslint与webstorm关于script标签的缩进问题
wwf1225的博客
08-29 770
解决eslint与webstorm关于script标签的缩进报错问题， 第一步，添加script(参照最后一张图片)，完成第一步基本就可以了，只要export可以顶格写，就成功了；试一下：全选（ctrl+A）,然后格式化代码（Ctrl+Alt+L）。 第二部，如果第一步不行，还有报错，就设置一下javascript的space(空格位置设置) ...
jquery.js文件报错missing semicolon
拥抱太阳的专栏
09-04 7614
在myeclipse中加入jquery-min.js文件时报错，文件总会显示小红叉，这个错误并不影响程序运行，但是看着不爽。解决方法如下： 打开项目的 .project文件，如图 上面红色内容为对javascript的验证，而jquery写法往往并不规范，所以将上面红色内容删除或注释即可，然后删除原来的jquery文件，再重新复制一个jquery文件到项目中即可。 转载地址：http
webstorm javascript 分号提示如何自动补全或去掉？
zhumengzj的博客
03-21 1万+
转载于： https://segmentfault.com/q/1010000006930809?_ea=1180552如图片显示，每行末尾都会提示你加上分号，如何让IDE自动完成这个操作或者取消这个提示。选择 don‘t use...
关于Eclipse项目中加入jquery.js文件报错(missing semicolon)问题
iteye_12055的博客
06-04 326
在使用Eclipse3.7及以后的版本的时候，加入jQuery文件会报错(missing semicolon)，文件中会显示红色小X，虽然这个错误并不会影响项目的运行，但是这个却会大大的影响到开发人员的心情，看这总是很不爽，怎么样才能解决呢。很简单，首先我们先分析下造成这种情况的原因，如果你是个心细的人，去研究一下项目中的.project文件，你会发现有这样一段代码，如下： <?xml...
JS 报错Missing semicolon
crazywsp的博客
10-09 6701
1.在报错js所在的项目右键：选择MyEclipse–》Manage Validation 2.选中报错js所在的文件夹，点击Apply–》ok即可。刷新或clean项目报错消失。
js出现missing semicolon报错的原因
hloveshx的专栏
03-08 1万+
学习使用ui时，遇到的问题： 引入外部插件js后，显示红叉。 经度娘指点，原因：myeclipse对js的分号进行验证出现的错误，直接设置开发工具即可。
【Javascript】【IDE】WebStorm自动添加分号，单引号转双引号
天天向上 Up Up Up (*^▽^*)
04-20 4570
webstorm的eslink如何设置
最新发布
07-17
在WebStorm中配置ESLint涉及多个步骤，包括启用ESLint插件、确保项目结构正确以及配置相关文件。以下是详细的配置流程： 1. **启用ESLint插件** WebStorm默认已内置ESLint插件，但需确保其在设置中被正确启用。打开WebStorm的设置（File > Settings），在左侧导航栏中选择Languages & Frameworks > JavaScript > Code Quality Tools > ESLint。确保选中Automatic ESLint Configuration选项，这样WebStorm会自动使用项目中的ESLint配置[^1]。 2. **确保项目结构完整** 在项目根目录下必须存在`package.json`文件，这是ESLint识别项目的基础。如果项目使用TypeScript，需要额外安装`@typescript-eslint/parser`和`@typescript-eslint/eslint-plugin`，以支持TypeScript语法的检查[^2]。 3. **配置ESLint规则** 在项目根目录下创建或编辑`.eslintrc.js`或`.eslintrc.json`文件，定义ESLint的检查规则。例如，可以指定代码风格、变量命名规范、禁用某些警告等。如果项目规模较大，建议添加`.eslintignore`文件，用于忽略某些不需要检查的目录或文件，如`node_modules`或`dist`目录。 4. **配置Prettier（可选）** 如果项目同时使用Prettier进行代码格式化，可以在项目根目录下创建`.prettierrc.json`文件，配置如缩进、引号类型、是否添加分号等格式化选项。例如，可以设置`"singleQuote": true`以启用单引号，或设置`"semi": false`来禁止在语句末尾添加分号[^3]。 5. **解决未使用导出问题** 在某些情况下，可能会遇到类似`unused export default`的提示，这是因为ESLint检测到未使用的导出符号。可以通过调整WebStorm的代码检查设置来忽略此类警告：点击右下角的“Inspection”图标，将进度条拖到“None”，然后点击“Configure Inspections”，找到“Unused global symbol”并取消勾选，即可消除该提示[^4]。 6. **快捷键格式化代码** 配置完成后，可以使用快捷键`Ctrl + Alt + L`来快速格式化代码，使其符合ESLint所定义的风格规范。 ### 示例：`.eslintrc.js`配置文件 ```javascript module.exports = { env: { browser: true, es2021: true }, extends: [ 'eslint:recommended', 'plugin:react/recommended', 'plugin:@typescript-eslint/recommended' ], parser: '@typescript-eslint/parser', parserOptions: { ecmaFeatures: { jsx: true }, ecmaVersion: 12, sourceType: 'module' }, plugins: ['react', '@typescript-eslint'], rules: { indent: ['error', 2], 'linebreak-style': ['error', 'unix'], quotes: ['error', 'single'], semi: ['error', 'never'] } } ``` ### 示例：`.prettierrc.json`配置文件 ```json { "tabWidth": 2, "semi": false, "singleQuote": true, "trailingComma": "none", "htmlWhitespaceSensitivity": "ignore", "printWidth": 130, "bracketSameLine": true } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值