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



相关文章
|
1月前
|
中间件
egg.js 24.17中间件配置
egg.js 24.17中间件配置
19 0
egg.js 24.17中间件配置
|
2月前
|
API
在vite.config.js 配置代理
在vite.config.js 配置代理
60 2
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
69 0
|
20小时前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
19天前
|
JavaScript 前端开发 Web App开发
JavaScript基础语法(codewhy版本)(一)
JavaScript基础语法(codewhy版本)
82 1
JavaScript基础语法(codewhy版本)(一)
|
1月前
|
JavaScript 前端开发 网络架构
JavaScript的数组教程(最详细,更新至es6新语法)
JavaScript的数组教程(最详细,更新至es6新语法)
|
1月前
|
JavaScript 前端开发 Java
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(中)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(中)
|
1月前
|
JavaScript 前端开发 Java
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(上)
Java 和 JavaScript 的奇妙协同:语法结构的对比与探索(上)
|
2月前
|
存储 JavaScript 前端开发
【JavaEE初阶】 JavaScript基础语法——贰
【JavaEE初阶】 JavaScript基础语法——贰
|
2月前
|
JavaScript 前端开发 Java
【JavaEE初阶】 JavaScript基础语法——壹
【JavaEE初阶】 JavaScript基础语法——壹