使用Babel框架可以使我们在项目开发中使用最新的Javascript特性和语法，同时还能保证代码在老旧的浏览器或环境中兼容运行。下面是在项目中使用Babel框架的步骤：

1. 安装Babel

在项目中使用Babel需先安装Babel依赖，使用命令行工具在项目目录下执行以下命令：

“`
npm install –save-dev @babel/core @babel/cli @babel/preset-env
“`

2. 配置Babel

在根目录下创建一个名为`babel.config.json`的文件，并添加以下内容：

“`
{
“presets”: [“@babel/preset-env”]
}
“`

这个配置文件告诉Babel使用`@babel/preset-env`插件来编译项目代码。

3. 编译代码

使用Babel命令行工具来编译代码。在`package.json`文件中，在`scripts`对象中添加如下命令：

“`
“build”: “babel src -d lib”
“`

这个命令将编译`src`目录下的所有Javascript文件，并将编译后的代码输出到`lib`目录下。

4. 运行编译后的代码

在项目中使用编译后的代码，例如在HTML文件中添加以下代码：

“`
<script src=”lib/app.js”></script>
“`

这个代码会引用编译后的Javascript文件`app.js`。

以上四个步骤是使用Babel框架在项目中编译Javascript代码的基本操作。

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。