webstorm 配置node支持es6环境编译

最新推荐文章于 2020-10-13 17:08:23 发布
最新推荐文章于 2020-10-13 17:08:23 发布
阅读量362 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lizichen147/article/details/88382034
版权
本文分享了一位开发者在配置.babelrc文件时遇到的错误及解决方案。主要问题在于presets:['env']的设置与配置文件不一致，通过调整使其匹配，成功解决了问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

按照官网给的配置,但是出现了如下错误。

而我的.babelrc的配置为:

 

3.setting--FileWatcher 配置:

解决方法:

1.将."presets":['env']  对应的值和配置文件中对应保持一致

比如:

注意空格哈,不要写在一起。

如此就成功了

 

 

使用Babel JS在WebStorm中进行ES6开发
CgbAutoit的博客
10-03 116
然而，并非所有的浏览器都支持ES6语法，这就需要使用Babel JS来将ES6代码转换为能够在所有浏览器上运行的ES5代码。接下来，在同一面板中，找到"JavaScript language version"下方的"JavaScript language service"（JavaScript语言服务）选项，并将其禁用。然后，依次点击"File"（文件）->“Settings”（设置），在弹出的对话框中选择"Languages & Frameworks"（语言和框架），然后选择"JavaScript"。
WebStorm、WebPack、ES6、React、JSX
我爱苏小北
07-19 1418
花了很多时间，真的是弄的自己很懵，趁现在整理一下，方便以后查看，也分享给跟我一样懵的人。很多内容是我个人的理解，可能讲究起来有些描述不是很准确，但是我这样的初学者，得先大概了解了、会用了再去深究深层次的东西。 webstorm 首先是一个工具，给我们写代码的，可以直接新建一个project，然后新建文件html、css、js等文件，然后写代码，然后运行。 运行html、css、js程...
WebStorm：配置Nodejs支持
qq_28120227的博客
09-22 2023
WebStorm配置Nodejs环境 所使用的工具版本信息： WebStorm：2019.2.2 Node.js： v12.10.0 WebStorm是作为JS开发的IDE存在，并且支持流行的Node.js以及JQuery等js框架。Node.js简单说就是一个JS类库并且配备有Google的V8 js引擎来解析和执行js脚本。 WebStorm+Node.js这样一个组合，用来开发基于Node....
webstorm 搭建es6开发环境
weixin_34372728的博客
08-21 323
 本文转自：http://www.jianshu.com/p/26601581e152 1：新建一个Empty Project项目es6 ，然后在src目录下新建了一个es.js； 2：打开设置preferences,把JavaScript language version改成ECMAScript 6； 3：安装babel 1.首先在根目录新建一个package.json { "na...
WebStorm+Node.js开发环境的配置
ankouyong2307的博客
03-13 324
1 下载地址： 　　webstorm：http://www.jetbrains.com/webstorm 　　 node.js:https://nodejs.org/download/ 2 安装node.js 按照提示一步步安装即可，不用多说,安装完成后检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path...
webstorm配置支持nodejs并自动补全
皮皮王的专栏
07-18 9757
1.配置支持nodejs 配置nodejs支持，博主下载的2017.02的最新版本，下载后如果你自己已经有安装node了，那么ide会像myeclipse一样自动找到node的位置并添加配置，不需要你手动配置。如果你没有成功，那么到File->Setting->输入Node.js（选中点进去）->Node imterpreter（选择node的安装路径即可）->确定 2.设置自动补全 首
WebStorm ES6 语法支持设置&babel使用及自动编译(详解)
08-29
下面小编就为大家带来一篇WebStorm ES6 语法支持设置&babel使用及自动编译(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
详解设置Webstorm 利用babel将ES6自动转码成ES5
08-28
在本文中，我们学习了如何配置Webstorm 使用babel将ES6自动转码成ES5，以便在浏览器中使用最新的JavaScript特性。babel是一个广泛使用的转码器，可以将ES6代码完美地转换为ES5代码，使得我们可以在项目中使用ES6的...
webstorm配置vue环境
最新发布
02-21
为了在 WebStorm 中设置 Vue 的开发环境，需确保安装并配置必要的工具和支持。 #### 安装 Vue 插件 通过插件支持可以增强 IDE 对于 Vue 文件的理解能力。进入 `File` -> `Settings` (Windows/Linux) 或者 `WebStorm...
ES6开发环境配置
chhpt的博客
07-02 6838
随着时间的推移，浏览器对ES6支持度已经越来越高了，超过90%的 ES6 语法特性都实现了。虽然有些浏览器对ES6的支持程度已经很高了（Chrome59 97%，Safari10 99%），但是很多人使用的IE对ES6的支持任然很不理想（IE11 11%），所以在实际工程应用中，我们还需要将ES6转化成ES5。各大浏览器的最新版本，对 ES6 的支持可以查看kangax.github.io/es5-
nodejs es6 编译问题
u010896754的专栏
02-18 262
1. npm install babel-present-env 2. 需要自己建立一个package.json,写入babel的编译命令     {   "name": "nodejsfs",   "description": "",   "author": {     "name": "tc",     "url": ""
webstorm 配置 babel
weixin_34191845的博客
05-13 167
*个人手记 1.准备：系统-win10， 需先安装npm 2.全局安装babel-cli 使用cmd输入命令行：npm install babel-cli -g 在npm根目录的会出现“babel.cmd” 3.安装 babel-preset-env新建一个项目文件夹，使用webstorm的cmd（或者使用cmd跳转到项目根目录）输入命...
webstorm配置babel，sass,Yui
weixin_42792507的博客
10-13 200
··· 配置sass: Name: Sass program: sass Arguments:–no-cache --update FileNameFileNameFileName:FileNameWithoutExtensionFileNameWithoutExtensionFileNameWithoutExtension.css output paths to refresh : FileNameWithoutExtensionFileNameWithoutExtensionFileNameWith
WebStorm搭建Node开发环境
小糖穿越火线
04-11 433
前提 使用编辑器运行js，这将大大提升将来的操作便捷性； 1、编辑启动项 2、添加，Node.js 选项 3、配置选项 4、启动 5、成功查看示意图 附加：可以使用VSCode启动，见：https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00...
WebStorm添加node代码提示
CSU_Zipple的博客
04-08 1409
用node写爬虫的时候发现WebStorm对node代码不友好，这怎么能忍呢… ctrl+alt+s 打开设置 如下图所示，勾上coding assistance 成功去掉烦人的波浪线
webstrom如何配置babel来转换es6
xiaozhen0610的博客
07-18 142
网上有很多关于如何设置babel的。我学习着设置，但总差那么几步，没能满足我的需求。 我使用的是webStorm2017.1版本。 babel安装准备 使用webStorm自带的filewatcher中的babel自动编译前，需要安装一些babel库 全局安装babel-cli npm install -g babel-cli 网上有些教程让全局安装babel，实际上新的babel已经集成在babel-cli里面了。 另外. 网上有部分教程是项目安装babel-cli的。 np...
程序员资源分享
GYongJia的博客
08-19 291
IDEA： Lombok 自动生成bean的get set方法等功能 free mybatis plugin 方便在dao和xml之间切换 translation 翻译插件 Grep Console 高亮log不同级别日志，看日志的时候一目了然。 Rainbow Brackets 彩虹括号。自动给代码块内花括号和括号加色，让视野更加注意在代码上 Chrome： ModHandler 泳道插件 EditThisCookie 网页Cookie管理插件 沙拉查词 Mac：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值