node.js入门学习(1): 让phpstorm配置支持ES语法,箭头函数正常代码格式化

简介: node.js入门学习(1): 让phpstorm配置支持ES语法,箭头函数正常代码格式化

在phpstorm使用=>函数时,出于代码整洁美观的考虑,总是要格式化代码(ctrl+alt+l)。但是不出意外的,箭头函数总是被自动隔离开,导致整段代码的错误。

倒霉孩子的无法直接的代码格式化:



原因:

phpstorm编辑器不支持ES6语法,需要“Transpiles ECMAScript 6 code to ECMAScript 5”。


操作步骤:


1.文件(file)->设置(Settings)

2.语言和框架(Languages & Frameworks)->javascript,选择如下图,然后点击应用,确定保存


20200707083217439.png


3.打开phpstorm的终端窗口,Terminal,按如下输入

npm install -g babel

支持ES5自动转换



4.再次打开 文件-工具(tool)-File watchers,点击“+”号,一切按默认保存即可


20200717170033834.png

20200707082700511.png



相关文章
|
19天前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
131 2
|
8天前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
31 10
|
5天前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
14天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
22天前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
23天前
|
自然语言处理 JavaScript 前端开发
JavaScript高级——ES6基础入门
JavaScript高级——ES6基础入门
19 1
|
24天前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
14 2
|
24天前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
15 2
|
24天前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
31 1
|
19天前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
11 0