自学前端初期遇到的困难（1）Babel的安装

最新推荐文章于 2023-12-14 15:55:19 发布
最新推荐文章于 2023-12-14 15:55:19 发布
阅读量325 收藏
点赞数 1
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74423350/article/details/127718723
版权

第一次是安装Babel转码器的时候。

根据B站上的教学视频一步一步安装，还是出现了报错。

最烦躁的是一整天都配置不出来需要的安装环境，卡在那里一直不能往下一个知识点前进，我是真的会谢。

就卡在下面这段代码上。

cnpm install --save dev @babel/core

后面还有两段代码需要安装。

cnpm install --save-dev @babel/preset-env
cnpm install --save-dev @babel/cli

我还在网上找了一堆方法，说编辑系统变量…之类的，结果都没用……

因为是在终端上输入的命令，最后我试着在CMD命令行里面输入，发现。。。

它安装成功了！！！

后面两行代码也是这样成功的，于是我去一个编程群里问了一下这个问题。

大佬告诉我：没装cnpm。

Gloria bbd
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
babel安装
代码青春
11-07 579
https://www.cnblogs.com/sker/p/5482400.html
babel的安装和使用
xun__xing的博客
08-29 1232
babel的安装和使用一、babel的安装1.babel简介2.babel的安装二、babel的使用1.babel的使用2.babel的配置 一、babel的安装 官网：https://babeljs.io/ 民间中文网：https://www.babeljs.cn/ 1.babel简介 babel一词来自于希伯来语，直译为巴别塔 巴别塔象征的统一的国度、统一的语言 而今天的JS世界缺少一座巴别塔，不同版本的浏览器能识别的ES标准并不相同，就导致了开发者面对不同版本的浏览器要使用不同的语言，和古巴比伦
babel的安装和使用方法
weixin_33695082的博客
12-29 253
要使用Babel， 我们需要nodeJS的环境和npm， 主要安装了nodeJS， npm就默认安装了 ， 现在安装nodeJS很简单了， 直接下载安装就好了； 安装es-checker 在使用Babel之前 ， 我们要先检测一下当前node对es6的支持情况， 我们使用先es-checker， 命令行下执行： 运行下面代码 npm -g install es-checker e...
babel的安装用法
Mr小菜的博客
07-24 4827
首先在项目的目录中生成package.json文件     npm init --y --y是生成默认值的package.json  安装babel-cli用于命令行转码 npm install -g babel-cli babel-cli 需要全局安装 -g代表全局。需要在项目中也安装babel-cli npm install --save-dev babel-cli   安...
Babel转码器安装及使用
AlexLove1的博客
08-08 682
先介绍一下Babel转码器： Babel是一个转换工具，可以把es6转换为es5，es6是2015年发布下一代javascript语言标准，它引入了新的语法和API，使我们编写js代码更加得心应手，但是呢，这些js新特性只能被最新版本额浏览器支持，低版本的浏览器并不支持，那么这个时候呢低版本浏览器就需要借助一个转换工具，把es6代码转换成浏览器能识别的代码，babel就是这样的一个工具，它是javascript语法的编译器 现在我们来进行安装 （1）安装babel转码器 在你当前目录下输入cmd进入命令窗口
JavaScript中ES6 Babel正确安装过程
12-07
2. 安装`babel-cli`，这是一个全局安装的命令行工具，让你在终端中使用Babel。执行以下命令： ``` npm install -g babel-cli ``` `-g`参数表示全局安装，这样你可以在任何项目中使用`babel`命令。 3. 接着，...
babel的使用及安装配置教程
11-28
**Babel 使用及安装配置教程** Babel 是一个至关重要的工具，它允许开发者使用最新的JavaScript语法（如ES6、ES7、ES8等）编写代码，然后将其转换为向下兼容的ES5版本，确保在大多数浏览器和环境中可以正常运行。本...
月哥-前端-社招1
08-03
“月哥-前端-社招1” 本资源为一名前端开发工程师的个人简历，涵盖了他的个人优势、工作经历、项目经验、技能掌握等方面的信息。 个人优势 * 承担团队技术选型工作，注重前端标准化，在部门内部推行Eslint、...
前端开源库-babel-node-debug
08-30
1. 安装`babel-cli`和`@babel/preset-env`，如果尚未安装： ``` npm install --save-dev babel-cli @babel/preset-env ``` 2. 创建`.babelrc`配置文件，指定预设（preset）： ```json { "presets": ["@babel/...
前端开源库-babel-compiler
08-30
1. 安装Babel和Browserify：`npm install --save-dev babel-core babel-preset-env browserify` 2. 创建`.babelrc`配置文件，设置`presets`，如：`{"presets": ["env"]}`。 3. 编写使用ES6特性的源代码。 4. 使用`...
安装并使用babel转码器
qq_43817972的博客
09-11 308
之前了解过babel转码器，但没去学习过。今天试着去安装使用！其中也遇到了很多问题，第一个就是对node命令太过于陌生！node多少还得了解一点！ 首先下载安装node，npm程序会随着node的安装默认安装！(官网下载即可) 1 进入项目文件夹！ 2 使用npm init -y(创建生成package.json文件) 3我这里是在项目文件夹里面添加转换器！命令是 npm install...
babel的安装和转码使用
qq_38132995的博客
02-24 237
一、安装 安装命令行转码工具 Babel提供babel-cli工具，用于命令行转码。它的安装命令如下 #安装 npm install --global babel-cli #查看是否安装成功 babel --version 二、使用 1、初始化项目 npm init -y 2、创建文件 #example.js 下面是一段ES6代码： // 转码前 // 定义数据 let input = [1, 2, 3] // 将数组的每个元素 +1 input = input.map(item => ite
Babel 安装、配置和基本使用
qq_42881675的博客
06-22 4398
原址 Babel（一）安装、配置和基本使用 Babel 是一款 JavaScript 编译器，它可以把 ECMAScript 2015+ 的代码转译成低版本兼容的代码。 作用 语法转换：Babel 会转译新版本的 ES 代码，比如箭头函数，解构，模板字符串或者类等。Babel 会把这些新语法转译成较低版本的代码。需要注意的是，Babel 会把 ES 模块转化为 CommonJS 模块，模块转化可以查看 此文章。 通过 Polyfill 添加缺失的特性，比如 Array.protorype.inclu
babel的安装与使用
yuey0809的博客
02-16 361
安装 官网地址 民间中文网 npm i -D @babel/core @babel/cli @babel/core: babel核心库, 提供了编译所需的所有api @babel/cli: 提供一个命令行工具, 调用核心库的api完成编译 使用 //命令行工具 babel 要编译的文件 -o 编译结果文件 babel 要编译的目录 -d 编译结果目录 ...
Babel安装步骤（JavaScript编译器）
Cheer的博客
11-07 2932
首先需要安装node.js按照官网‘下一步’就行 1.npm init 初始化 2.安装依赖包 npm install --save-dev @babel/core @babel/cli 如果说提示babel不是命令，可以全局安装npm install --global @babel/core @babel/cli 3.运行babel src -d lib 或者在package.json中配置scripts属性，添加一个属性build:“babel src -d lib”，运行npm run build
npm install常见报错及问题
热门推荐
weixin_44712778的博客
11-01 1万+
介绍了在npm下载好以后，执行npm install问题时常遇见的问题及处理方式
yarn install或者 npm install 下载安装超时的解决办法
最新发布
Yoga99的博客
12-14 2515
2.如果按照上述情况还没有解决超时问题，那可能是网络问题，你很有可能使用了默认超时。那这种情况下我们可以在相关的配置文件。
安装 模块化 Babel
SiQianglove的博客
09-07 138
为了加快安装速度先下载淘宝镜像 淘宝镜像链接 然后打开cmd 命令行里安装 babel cnpm install --save-dev @babel/preset-react 安装完成后按顺序执行下面命令 cnpm init //初始化，一直按回车键 cnpm install --save-dev @babel/core @babel/cli @babel/preset-env cnpm install --save @babel/polyfill 完成以后在项目文件夹中新建 babel.confi
babel教程
caiqian97的博客
03-23 1243
Babel是什么？
openbabel安装教程
12-14
OpenBabel是一种免费的化学信息学工具，用于帮助科学家处理和转换化学信息。以下是OpenBabel的安装教程： 1. 下载OpenBabel：...如果你在安装过程中遇到任何困难，请随时参考OpenBabel的官方文档或向社区寻求帮助。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值