語法突出反應代碼在崇高

我開始在崇高文本中編寫一些基本的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);

編輯：修正了一些不正確的語法，添加代碼文本]

來源

2016-12-25 nev.m

你使用的是sublime3還是sublime2？檢查，我更新了答案。 – MYGz

我認爲你的代碼可能存在問題，你可能忘記關閉一些標籤或其他東西。 – Codesingh

正如普拉卡什安裝通天指出，修復該問題。在sublime3

安裝巴貝爾：

按按Ctrl + 移 + P
然後鍵入install，選擇第一個選項Package control: Install Package
然後鍵入Babel，選擇第一個選項。它會在幾分鐘內安裝babel。
編輯：第一個選項包的名稱是'Babel-Snippets'，如以下注釋中所指出的。
然後選擇Babel語法。 View > Syntax > Babel > Javascript

檢查我測試了它：

來源

2016-12-25 07:58:02 MYGz

已修復。仍然是一樣的... –

你能否粘貼文本。我會測試它。 – MYGz

謝謝。實際上我很困惑，因爲babel包不叫Babel，而是叫Babel-Snippets。無論如何，它爲我工作。 –

我在崇高的同樣的問題。

我安裝了babel-sublime插件，它工作。

這裏是鏈接 - https://github.com/babel/babel-sublime

希望它可以解決你的問題了。

來源

2016-12-25 08:08:57

我在包管理器中看不到'Babel'選項。你手動安裝了嗎？ –

它是崇高的3. –

你有崇高的文字2嗎？ –

語法突出反應代碼在崇高

回答

相關問題