不要跟我講去百度，能找到的包括阮一峰各種CSDN博客園的博客都找了，沒用；讓我卸載babel，然后在裝babel-cli本地安裝，項目中安裝，全局安裝，都試過了，共同的錯誤是win32不可執行我就是想在webstorm中像編譯SCSS一樣編譯ES6
3 回答
已采納
new_object_
TA貢獻55條經驗 獲得超117個贊
謝邀~
表示沒有玩過webstorm，但是既然你誠心誠意的發問了, 我們就大發慈悲的告訴你: 為了防止世界被破壞, 為了守護世界的和平, 貫徹愛與真實的邪惡, 可愛。。?？??？?。。。說啥呢，瞎扯啥呢。
雖然我沒玩過webstorm，但是本著一顆虔誠好奇的心，以我為數不多的內存的犧牲為代價，在一個月黑風高的夜晚我裝上了一個webstorm。根據某度的提示，其實配置一個babel自動編譯還是挺簡單的。
我們先來看一下過程：
安裝webstorm
運行webstorm，打開項目
新建一個js文件，隨便編上一段ES6代碼
這時候就輪到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文件夾中生成對應文件。
好吧，我相信你也這么做了，但是仍然報錯，怎么辦，問題是怎么辦！
我給出的解決思路是：
先定位問題，確定這個報錯是由于babel-cli未安裝正確引起的，還是在編輯器中配置引起的，針對性修復。排查辦法很簡單，打開控制臺，直接使用babel命令對文件進行轉碼，若能成功，則說明確實是編輯器配置問題。
如果babel安裝沒有問題。根據提示，應該是由于某個win32應用程序運行出錯導致的，此處考慮到兩個地方，第一個是上述步驟第8步中配置“program”參數出錯，請確保該參數能找到babel的運行程序。第二個是你編輯器安裝的64位或32位的問題，如果上述錯誤均排除，可考慮嘗試重裝編輯器。
最后，說一下個人看法。
就像webstorm官網上寫道：'The Smartest JavaScript IDE'.webstorm是個智能化程度很高，集成工具很多的一個編輯器。個人不太建議使用智能化程度太高的編輯器，智能化程度越高，也就意味著你自己要進行的配置越少，更意味著你對編輯器的依賴程度越大，這并不是一件好事。你喪失了與底層實現接觸的機會，而且對于一個項目來說，還要考慮它的可移植性和團隊協作性。我個人的編輯器幾乎沒有安裝插件，所有文件通過手動快捷鍵方式輸文件名打開，所有前端構建通過控制臺命令行操作。就像你這里用到的，可能你對scss和es6編譯都還不太了解，按照別人的教程一步一步配置，然后編輯器就全都自動幫你完成了。嘗試著用控制臺（雖然windows下的控制臺相當不好用），嘗試著自己去寫下編譯。通過gulp、webpack等工具的簡單配置也很容易達到修改自動編譯的效果。當然，這些都只是我個人意見，就像需求的實現，也要具體情況具體分析。祝你好運~
-
沈流舒感謝！我已經放棄了使用webstorm自動編譯，改用命令行編譯
- 3 回答
- 0 關注
- 3179 瀏覽
添加回答
舉報
0/150
提交
取消