在webstorm上利用babel写ES6的语法

Rango 发布于2019-08-20 18:22 / 1340人阅读

摘要：进去之后点击右边的号，在弹出的选项框里面选择。点击设置，选择，选择，确认，至此安装结束。接下来创建一个的文件，在里面引入它就可以了。

建立一个项目文件夹，例如：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里面引入它就可以了。

云服务器 GPU云服务器利用dw在云服务器上建立网站 java写语法解析图像识别在人脸识别上的应用项目搭建在云服务器上的好处

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84420.html

babel6 入门-配置安装使用_byKL

摘要：入门什么是是一个广泛使用的转码器，可以将代码转为代码，从而在现有环境执行。 babel6 入门什么是babel Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。因为es6比es5的代码更为适合编写程序,但是因为历史的原因,现在普遍的浏览器并不支持es6代码(普遍支持es5),即如果你写es6代码之后,在浏览器上运行出错,因为浏览器的javas...

qianfeng 2019-08-20 14:31 评论0 收藏0
利用vscode调试nodejs代码实践总结

摘要：支持，和三种环境，并且可以安装扩展插件，因而可以满足绝大多数人的要求，安装配置非本文所要讲述的内容，请自行查找，本文着重讨论如何用更好的调试代码，希望能对大家有所帮助。 2018.5.12更新最近在用vscode 1.23版本的时候发现outDir不可以使用了，建议这么改吧，直接program采用编译后的文件，然后打开sourceMaps，同时在babel编译的时候自己搞--watc...

chenatu 2019-08-21 17:42 评论0 收藏0
使用React 应当注意的几个地方

摘要：都会造成错误，注意一定一定严格的用，所以我建议直接复制我的。因为用的话他会转义代码，写不写其实一个样。不可避免的，构建肯定是要用到的。这个时候一般用的是在外面保存然后里面调用第二个坑更隐蔽。目标人群献给熟悉基础的React语法的刚接触React的同学~ 如果你已经写过半年以上的React那也不用看了，毕竟我水平并不高 Whats React React 是一个不存在的网络公司Fac...

高璐 2019-08-19 17:11 评论0 收藏0
react+webpack+webstorm开发环境搭建

摘要：先是基础知识，首先是补了的基础，使用了的入门教程。另外关于，慕课的视频教程讲的也比较清晰，适合入门统统过了一遍之后，开始建立脚手架，正式上马编写。废话不多说了，下面一步一步开始了。安装完成之后，记得设置路径构建项目使用新建一个空白项目。前言春节期间，更新了一下自己关于前端的知识体系，要知道对于前端技术，我还是停留在JSP，JQUERY的时代，现在项目里面使用REACT作为前台，所以...

Snailclimb 2019-08-26 11:48 评论0 收藏0