脚本宝典收集整理的这篇文章主要介绍了在webstorm上利用babel写ES6的语法,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
建立一个项目文件夹,例如:es6
然后打开命令行工具,进入es6项目目录
npm install --save-dev babel-cli
insatll成功后,babel便安装好了
接下来还要在项目es6目录建立一个.babelrc的文件,window上可以使用命令行工具在项目根目录,输入tyPE null>.babelrc ,回车即可。这时项目根目录便有一个.babelrc的文件
接下来安装env,这是个用来转换es6代码的。
npm install babel-PReset-env --save-dev
安装好之后打开.balelrc文件。在里面敲上如下代码
{
"presets": ["env"]
}
接下来设置webStorm,在settings里面打开Tools。点击File watchers。进去之后点击右边的+号,在弹出的选项
框里面选择babel。然后设置Watchers settings的Program的路径,一般是node_modules/.bin/.babel.cmd。最
后点击确认。
点击Languages设置,选择javaScript,选择ECSMScript 6,确认,至此安装结束。当然这只是让我们快速体验一
下babel和ES6.babel官网还有非常多的配置,可以自己去更详细深入的了解。
接下来创建一个index.js的文件,在HTML里面引入它就可以了。
以上是脚本宝典为你收集整理的在webstorm上利用babel写ES6的语法全部内容,希望文章能够帮你解决在webstorm上利用babel写ES6的语法所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。