ES6 配置运行环境

本节我们来学习配置 ES6 的 JavaScript 运行开发环境,通过 babelES6 转码为 ES5

选择一个编辑器

首先我们选择一个编辑器,然后在这个编辑器下配置 ES6 的 JavaScript 运行环境。这里我们选择 Visual Studio Code,当然也可以选择其他的编辑器,例如 WebStorm,大家可以根据自己的喜好选择。

如果我们要使用 Visual Studio Code,可以到官网下载,地址为:https://code.visualstudio.com/。大家根据需求下载 VSCode 相应版本的安装包,然后进行安装。

安装好后的 VSCode 界面如下所示:

下载并安装Node.js

接着我们需要下载并安装 Node.js,官网下载地址为:https://nodejs.org/en/,下载并安装好后,可以通过 node -v 来查看 Node.js 的安装版本,如果出现版本号则表示安装成功,例如:

Node.js 中含有 npm 软件包管理工具,所以我们安装好 Node.js 的同时就安装好了 npm

创建项目

然后我们可以创建一个项目,执行 npm init 初始化命令,根据显示的问题输入配置信息,如果全部默认选择默认值,可以直接执行 npm init -y 命令,这样就不用再一次次按回车了。执行完命令之后,项目根目录下会生产一个 package.json 文件,可以根据自己的需要进行修改这个文

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值