Vscode babel 将es6转es5

1、新建practice 文件夹（名字自己起，不一定得是practice）

2、在practice下新建dist 和src 文件夹

3、src下新建index.js 文件夹

写入

const test = (a) =>  aconst name = '李四'console.log(11,name)

4、终端运行npm init

5、填完描述回车安装babel

npm install --save-dev babel-cli

npm install --save-dev @babel/preset-env

6、新建.babelrc 文件写入

{"presets": ["es2015"],"plugins": []}

7、package.json 文件

"scripts": {"test": "echo \"Error: no test specified\" && exit 1","build": "babel src --out-dir dist"},

8、dist>index.js 生成

Vscode babel 将es6转es5相关推荐

【简单入门】使用Babel进行es6转es5
初始状态: 下面我们开始将这行es6代码转为es5 如果不出什么意外的话按以下步骤执行即可,如果有问题详细看教程2 教程1 步骤1:初始化npm (注意:命令行都是在项目所在目录temp下执行) np ...
webpack打包ES6降级ES5
Babel是一个广泛使用的转码器,babel可以将ES6代码完美地转换为ES5代码,所以我们不用等到浏览器的支持就可以在项目中使用ES6的特性. 安装babel实现ES6到ES5 npm instal ...
ES6转ES5：Gulp+Babel
目标: ES6代码转成ES5 对转换后的ES5进行压缩以上步骤自动监控执行步骤: 1.安装插件在命令行中定位到项目根目录安装全局 Gulp npm install -g gulp 安装项目中使 ...
es5直接引入html文件,ES6+转ES5（webpack+babel、指定多个js文件、自动注入）
接续上篇ES6+转ES5,本篇将使用webpack和babel将多个不同目录下指定的多个ES6+语法的js文件编译为ES5,并将编译后的文件配置注入对应的html文件. 一.新建项目,目录如下二.执 ...
ES6转ES5 你需要Babel
Babel介绍 Babel是一个 ES6 转码器,能将 ES6 代码转为 ES5 代码,这样原本不支持ES6的老版本浏览器执行ES6代码 // 转码前:使用了ES6箭头函数 items.map(ite ...
babel ES6 转换 ES5 实现原理
babel ES6 转换 ES5 实现原理前言 babel 各种包介绍转换过程案例前言前面写过一篇简单的 AST 抽象语法树的文章简述 AST 抽象语法树.今天来看一下在 babel 中是 ...
vscode之调试es6代码
vscode不支持es6的代码调试,但是可以通过babel把es6代码转成es5之后,在进行调试. 步骤如下: 第一步: 在本地项目路径下npm init,之后会生成一个package.json文件 ...
本地实现ES6转ES5代码——gulpfile配置文件
公司里很多同事在用ES6实现业务逻辑了,我也想试试.在公司的项目里,我写的ES6只要打开命令窗输入gulp watch 就自动将ES6转成ES5并放在相应的文件夹里了.我回家也想练习,但又不知道该怎么 ...
es6 ik分词热更新MySQL_rollup环境搭建（es6转es5、压缩、本地服务器、热更新）
文件目录 package.json { "name": "my-vue", "version": "1.0.0", &q ...

Vscode babel 将es6转es5

Vscode babel 将es6转es5相关推荐

最新文章

热门文章