babel安装，使用webstorm自动编译？

Question

不要跟我讲去百度，能找到的包括阮一峰各种CSDN博客园的博客都找了，没用；让我卸载babel，然后在装babel-cli本地安装，项目中安装，全局安装，都试过了，共同的错误是win32不可执行我就是想在webstorm中像编译SCSS一样编译ES6

Answer 1

谢邀~

表示没有玩过webstorm，但是既然你诚心诚意的发问了, 我们就大发慈悲的告诉你: 为了防止世界被破坏, 为了守护世界的和平, 贯彻爱与真实的邪恶, 可爱。。。咳。咳。。。说啥呢，瞎扯啥呢。

虽然我没玩过webstorm，但是本着一颗虔诚好奇的心，以我为数不多的内存的牺牲为代价，在一个月黑风高的夜晚我装上了一个webstorm。根据某度的提示，其实配置一个babel自动编译还是挺简单的。

我们先来看一下过程：

1. 安装webstorm

2. 运行webstorm，打开项目

3. 新建一个js文件，随便编上一段ES6代码

4. 这时候就轮到babel上场了。既然要用到babel，就肯定需要先安装。控制台来一波

npm install -g babel-cli

    5.打开settings -> languages&frameworks -> javascript，设置为Ecmascript6

    6.新建.babelrc文件，配置规则。

    7.安装项目依赖，以es2015为例

npm install babel-preset-es2015

    8.打开settings -> tools -> file watchers ，添加一个规则babel，这时编辑器有给你默认配置。这里我第一次配置的时候直接使用的默认值，结果编译报错，然后我修改了第二项参数，将env改为了es2015。保存，ok，修改文件，按下CTRL+S，编辑器自动转码并在dist文件夹中生成对应文件。

好吧，我相信你也这么做了，但是仍然报错，怎么办，问题是怎么办！

我给出的解决思路是：

1. 先定位问题，确定这个报错是由于babel-cli未安装正确引起的，还是在编辑器中配置引起的，针对性修复。排查办法很简单，打开控制台，直接使用babel命令对文件进行转码，若能成功，则说明确实是编辑器配置问题。

2. 如果babel安装没有问题。根据提示，应该是由于某个win32应用程序运行出错导致的，此处考虑到两个地方，第一个是上述步骤第8步中配置“program”参数出错，请确保该参数能找到babel的运行程序。第二个是你编辑器安装的64位或32位的问题，如果上述错误均排除，可考虑尝试重装编辑器。

最后，说一下个人看法。

就像webstorm官网上写道：'The Smartest JavaScript IDE'.webstorm是个智能化程度很高，集成工具很多的一个编辑器。个人不太建议使用智能化程度太高的编辑器，智能化程度越高，也就意味着你自己要进行的配置越少，更意味着你对编辑器的依赖程度越大，这并不是一件好事。你丧失了与底层实现接触的机会，而且对于一个项目来说，还要考虑它的可移植性和团队协作性。我个人的编辑器几乎没有安装插件，所有文件通过手动快捷键方式输文件名打开，所有前端构建通过控制台命令行操作。就像你这里用到的，可能你对scss和es6编译都还不太了解，按照别人的教程一步一步配置，然后编辑器就全都自动帮你完成了。尝试着用控制台（虽然windows下的控制台相当不好用），尝试着自己去写下编译。通过gulp、webpack等工具的简单配置也很容易达到修改自动编译的效果。当然，这些都只是我个人意见，就像需求的实现，也要具体情况具体分析。祝你好运~

Answer 2

再补充一下，使用webpack编译es6打包项目很方便，如果你用ws无法编译es6或者其他问题请放弃吧，用webpack把

Answer 3

win32是不是指你是32位操作系统呢？

有没有换过64位系统尝试呢？