资讯专栏INFORMATION COLUMN

es6环境搭建

stormgens / 973人阅读

摘要:由于大多数浏览器对支持的不是太好,所以为了防止出错,我们可以转换为所有浏览器能够识别的格式初始化项目表示默认全部项目新建目录文件如图一主页文件引入转换后的文件如图二安装全局转换包安装辅助包建立快速命令行执行转换如图三右键

由于大多数浏览器对ES6支持的不是太好,所以为了防止出错,我们可以转换为所有浏览器能够识别的格式
初始化项目:npm init -y (-y表示默认全部项目);
新建目录文件:dist/index.js src/index.js index.html
如图一

主页文件引入转换后的文件
如图二

安装全局转换包:npm install -g babel-cli
安装辅助包:npm install --save -dev babel-preset-es2015 babel-cli
建立快速命令行,npm run build执行转换
如图三

右键点击index.html文件,点击view in browser运行网页文件
如图五

原文带图链接地址:http://www.cnblogs.com/douyae...

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

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

相关文章

  • webpack 项目构建:(二)ES6 编译环境搭建

    摘要:本质就是一个编译器,通过将源代码解析成抽象语法树将源代码的结果一系列转换生成目标代码的将目标代码的转换成代码。项目构建三开发环境本地服务器搭建源码下载地址参考资料入门阮一峰中文文档中文网 注:以下教程均在 windows 环境实现,使用其他操作系统的同学实践过程可能会有些出入。   在上一章 webpack 项目构建:(一)基本架构搭建 我们搭建了一个最基本的 webpack 项目,现...

    marser 评论0 收藏0
  • 搭建es6开发与非开发环境babel-browser

    摘要:前言最近打算把应用到项目中,但是如何在开发环境浏览器端直接运行已经发布一段时间了,现在大部分是在环境运行,或者通过编译之后运行。主要实现用户能够在浏览器上直接运行语法。 前言 最近打算把es6应用到项目中,但是如何在开发环境(浏览器端)直接运行es6?es6已经发布一段时间了,现在大部分是在node.js环境运行,或者通过babel编译之后运行。babel-browser主要实现用户能...

    selfimpr 评论0 收藏0
  • ES6-开发环境搭建(1)

    摘要:全局安装本地安装转码规则安装完成后,我们可以看一下我们的文件,已经多了选项。直接在线编译提供一个在线编译器,可以在线将代码转为代码。 古语有云:君子生非异也,善假于物;工欲善其事,必先利其器。 由于有些低版本的浏览器还是不支持ES6语法,学习ES6,首先要学会搭建一个基本的ES6开发环境,利用工具,把ES6的语法转变成ES5的语法。 1、使用Babel把ES6编译成ES5 1...

    android_c 评论0 收藏0
  • 搭建一个es6的开发环境

    摘要:前提是你已经安装了手动创建一个工作目录以下是的内容在目录下创建一个这里写我们的代码接下来我们需要把语法编译成我们浏览器所识别的语法文件,那就用到我们的神奇在安装之前我们要先初始化一下项目全局安装输入以下命令此时文件中就有的依赖了你以 1.前提是你已经安装了node,npm2.手动创建一个工作目录 dist,src,index.html 以下是index.html的内容 ...

    jcc 评论0 收藏0
  • 如何搭建es6开发环境

    摘要:安装此过程没有难点,略过下载完成后可以通过和来查看是否安装成功以及版本后安装新建一个目录项目名称进入该项目,然后一路回车即可。 node.js安装 此过程没有难点,略过 下载完成后可以通过node -v和npm -v来查看是否安装成功以及版本后 webpack 安装 新建一个目录(项目名称), 进入该项目,npm init, 然后一路回车即可。(会生成一个package.json...

    OldPanda 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<