подсветка синтаксиса для кода реакции в возвышенном

Question

Я начал писать базовый код React в возвышенном тексте. Вот как выглядит подсветка синтаксиса. Его отчасти подчеркнуто. Есть ли предлагаемый возвышенный плагин, который я могу использовать, чтобы увидеть полный синтаксис?

import React, { Component } from 'react' 
import { connect } from 'react-redux' // <-- is the glue between react and redux 
import { bindActionCreators } from 'redux' 
import { selectBook } from '../actions/index' 

// there is no intrinsic connection between React and Redux 
// they are two seperate libraries 
// they are connected using a seperate library called ReactRedux 

// container? its a React component that hasa direct connection to state managed by Redux 
class BookList extends Component { 

    constructor(props) { 
     super(props) 
     //this.props = props; 
    } 

    renderList() { 
     return this.props.books.map((book) => { 
      return (
       <li key={book.title} className="list-group-item">{book.title}</li> 
      ) 
     }) 
    } 

    render() { 
     return (
      <ul className="list-group col-sm-4"> 
       {this.renderList()} 
      </ul> 
     ) 
    } 

} 

// function is the glue between react and redux 
function mapStateToProps(state) { 
    // Whatever gets retrieved from here will show up as props inside 
    // of book-list 

    return { 
     books: state.books 
    } 
} 

// anything returned from this function will end up as props on the BookList container 
function mapDispatchToProps(dispatch) { 
    return bindActionCreators({selectBook: selectBook}, dispatch) 
} 

// Promote BookList from a component to a container - it needs to know 
// about this new dispatch method, selectBook. Make it available as a prop 
export default connect(mapStateToProps, mapDispatchToProps)(BookList); 

EDIT: [Исправлены некоторые неправильно синтаксис, Добавлен код Текст]

Answer 1

Как отметил Пракаш установка Вавилонской устраняет проблему.

Установка столпотворение на sublime3:

1. Нажмите Ctrl + Сдвиг + P
2. Затем введите install и выберите первый вариант Package control: Install Package
3. Затем введите Babel и выберите первый вариант. Через несколько мгновений он будет устанавливать babel.
   Редактировать: Первое имя пакета опций - 'Babel-Snippets', как указано в комментариях ниже.
4. Затем выберите Babel Syntax. View > Syntax > Babel > Javascript

Проверка я тестировал:

Answer 2

Я была такая же проблема в возвышенной.

Я установил плагин babel-sublime, и он сработал.

Вот ссылка - https://github.com/babel/babel-sublime

Надежда это решить вашу проблему тоже.