如何通过npm在vscode中安装babel插件?
- 内容介绍
- 文章标签
- 相关推荐
本文共计796个文字,预计阅读时间需要4分钟。
前言+上篇介绍了nodejs的安装配置,这篇来介绍如何在VScode中使用babel。
Babel是一个广泛使用的ES6转换器,可以将ES6代码转换为ES5代码。下面是如何在VScode中使用babel的步骤:
一、检查是否已安装npm在cmd中输入:npm -v如果显示版本号,则已安装npm。
二、安装babel在cmd中输入:npm install --save-dev babel-core babel-preset-es2015 babel-polyfill
三、配置babel在项目根目录下创建一个名为`.babelrc`的文件,并添加以下内容:json{ presets: [es2015]}
四、在VScode中配置babel
1.打开VScode,点击左下角的扩展图标,搜索Babel。
2.安装Babel扩展。
3.打开项目根目录下的`.babelrc`文件,将内容复制粘贴到VScode中。
4.保存文件。
现在,在VScode中打开ES6代码时,Babel会自动将其转换为ES5代码。
前言
上篇介绍了nodejs的安装配置,这篇来介绍一下在VScode里面怎么使用bable。
bable是一个广泛使用的ES6转换器,可以将ES6代码转为ES5代码
一、检查是否已经安装了npm
在cmd中输入npm -v 得到版本号,现在新版的nodejs在安装的时候已经自动安装了npm。
还是那句话,最好还是以管理员身份打开终端。
本文共计796个文字,预计阅读时间需要4分钟。
前言+上篇介绍了nodejs的安装配置,这篇来介绍如何在VScode中使用babel。
Babel是一个广泛使用的ES6转换器,可以将ES6代码转换为ES5代码。下面是如何在VScode中使用babel的步骤:
一、检查是否已安装npm在cmd中输入:npm -v如果显示版本号,则已安装npm。
二、安装babel在cmd中输入:npm install --save-dev babel-core babel-preset-es2015 babel-polyfill
三、配置babel在项目根目录下创建一个名为`.babelrc`的文件,并添加以下内容:json{ presets: [es2015]}
四、在VScode中配置babel
1.打开VScode,点击左下角的扩展图标,搜索Babel。
2.安装Babel扩展。
3.打开项目根目录下的`.babelrc`文件,将内容复制粘贴到VScode中。
4.保存文件。
现在,在VScode中打开ES6代码时,Babel会自动将其转换为ES5代码。
前言
上篇介绍了nodejs的安装配置,这篇来介绍一下在VScode里面怎么使用bable。
bable是一个广泛使用的ES6转换器,可以将ES6代码转为ES5代码
一、检查是否已经安装了npm
在cmd中输入npm -v 得到版本号,现在新版的nodejs在安装的时候已经自动安装了npm。
还是那句话,最好还是以管理员身份打开终端。

