如何将es6语法添加到atom编辑器
How to add the es6 syntax to atom editor
我使用崇高的文本,但现在想使用原子。io编辑器。我有这几行代码:
// error: Missing semicolon.
import React, { Component } from 'react'
export default class RegisterName extends Component {
constructor(props) {
// error: Missing semicolon.
super(props)
this.state = {
firstName: '',
lastName: '',
displayError: false,
error: 'Please provide a valid name'
//error: Missing semicolon.
}
}
// error: Class property must be methods. Expected '(' but saw instead '='....
next = () => {
console.log('next')
console.log(this.state.firstName, this.state.lastName)
}
render() {
return(
<View style={styles.container}>
<View>
<TouchableOpacity style={styles.logoContainer}>
<Icon name="md-analytics" size={60} color="#2ec76e" />
// error: Unclosed regular expression
</TouchableOpacity>
虽然这段代码运行良好。我在原子中得到了这些错误。io编辑器。我已经添加了.jshintrc
文件,有以下几行:
{
"esnext": true
}
语法设置为:Babel E6 Javascript
但即使这样也没有帮助。如何消除这些错误?
在根目录中添加一个新文件:
.jshintrc
添加以下代码并保存:
{
"esversion": 6
}
你可以在ctrl+中找到设置,打开设置并进入packages
=>linter-jshint
(或类似的东西),并找到指向.jshintrc
文件的指针。如果您的项目结构中的文件不同,您可以在这里更改。
- 在终端运行
npm install language-babel
。 - 重启Atom(如果它正在运行)
- 从编辑器语法列表中选择babel(工具的左下角)在编辑器的语法栏上应该可以看到当前的语法正在被修改使用时,点击它并将其更改为babel)
下面是如何使用Atom安装ESLint并将其配置为ES6语法的方法:
- 安装Atom Linter
- 安装linter-eslint。 在你的项目目录中,安装eslint:
npm install eslint
在你的项目目录中,创建一个eslint配置文件(命名为.eslintrc
)下面是eslint网站上的一个.eslintrc
示例,如果你想使用Airbnb的样式指南,请参阅下面的示例:
{
"parserOptions": {
"ecmaVersion": 6,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
}
},
"rules": {
"semi": 2
}
}
或者,你可以使用Airbnb ES6样式指南。
- 通过npm:
npm install eslint-config-airbnb
安装把这个放到你的.eslintrc
相关文章:
- ExtJS网格单元格编辑器,防止焦点松动问题
- 可以't使用PHP使用Froala编辑器上传图像URL
- 如何在corona sdk中从CK编辑器中检索数据
- Eclipse编辑器中无法访问的代码
- 如何将拼写检查集成到密文编辑器
- 一个页面上有多个Ace编辑器,没有预先设置元素
- ACE编辑器正在删除模块,因为define是't一根绳子
- 如何从DOM中删除Aloha编辑器
- 用于用户内容的简单代码编辑器/文本格式化程序(在Rails中)
- 在plone 5中将自定义的灵活性内容类型插入到tinymce编辑器中
- 如何在tinymce编辑器中将点击事件绑定到html标签
- 扩展 ACE 编辑器,如何导入自定义文件
- Atom操作编辑器DOM
- Ctrl+单击Atom编辑器中的函数名称并跳转到该函数名称
- Atom编辑器:用于插入时间戳的代码段
- 写一个Atom编辑器插件,动画语法着色
- 我如何打包Github'的Atom编辑器嵌入到网页上
- 在Atom编辑器中找到Typescript版本,并在必要时更新Typescript
- 如何将es6语法添加到atom编辑器
- 是否有Sublime或Atom代码编辑器的附加组件,可以让我快速编辑其他函数中调用的函数