web-dev-qa-db-fra.com

mise en évidence de la syntaxe pour réagir code en sublime

J'ai commencé à écrire du code React de base dans un texte sublime. Voici à quoi ressemble ma coloration syntaxique. C'est en partie surligné. Existe-t-il des suggestions de plug-in sublime que je peux utiliser pour voir une mise en évidence complète de la syntaxe?

 enter image description here 

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: [Correction d'une syntaxe incorrecte, Ajout de texte de code]

javascriptreactjssublimetext3syntax-highlighting
27
nev.m

Становка babel исправляет подсветку синтаксиса.

Аги по установке babel dans sublime3:

  1. Для окон:НажмитеCtrl+Shift+PДля Mac:Cmd+Shift+P
  2. Затемтипinstall ивыбратьPackage control: Install Package
  3. ЗатемтипBabel ивыбрать'Babel-Snippets'. Он установит Babel dans les règles de l'art.
  4. Затемустановить вавилонский синтаксисв редакторе Sublime3от: View > Syntax > Babel > Javascript

Для некоторых пользователей Babel отсутствует на шаге 4. Они могутдополнительно установитьBabel, выполнив те же ше шаги и выбрав Babel на этот раз вместо Babel-Snippets на шаге 3.

Проверьте, я проверил это:

enter image description here

82
MYGz

Vous devez installer le plugin babel-sublime.

Vous pouvez l'installer à partir de package control of sublime.

Voici le lien - https://github.com/babel/babel-sublime

3
Prakash Sharma

J'ai pu résoudre ce problème en définissant la syntaxe sur JSX. Je n'ai pas eu besoin d'installer ce plugin.

0
DaveWoodall.com