phpstorm 配置 babel 支持EcmaScript6

最新推荐文章于 2021-03-20 19:22:03 发布

转载最新推荐文章于 2021-03-20 19:22:03 发布 · 134 阅读

CC 4.0 BY-SA版权

文章标签：

本文详细介绍了如何在Node.js项目中配置ES6语法，并通过PHPStorm进行编辑和编译，包括安装必要的依赖、设置环境以及解决ES6文件编译报错等问题。

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

1.安装nodejs

2.npm install --save-dev babel-cli

3.npm install babel-preset-es2015 --save-dev

4.phpstorm->settings->language&framework->javascript->ecmaScript6

5.phpstorm->settings->tools->file Watchers->"+ Babel"

建议file type选择ecmascript6 使用*.es6文件编写es6 编译后生成*.js 这样避免*.js编译后仍然生成*.js

在工程目录下新建.babelrc 添加配置

配置

{ "presets": ["es2015"] }

编写一个es6文件报错，如下:

改写相应文件

转载于:https://www.cnblogs.com/sky-view/p/5183419.html