[英]syntax highlighting for react code in sublime
我开始用 sublime text 编写一些基本的 React 代码。 这是我的语法突出显示的样子。 它的部分突出显示。 是否有任何建议的 sublime 插件可以用来查看完整的语法高亮?
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);
编辑:[修正了一些不正确的语法,添加了代码文本]
安装 babel 修复了语法高亮。
install
并选择Package control: Install Package
Babel
并选择'Babel-Snippets'
。 它会在几分钟内安装 babel。View > Syntax > Babel > Javascript
对于某些用户,步骤 4 中缺少Babel
他们可以按照相同的步骤安装Babel
,这次选择Babel
而不是步骤 3 中的Babel-Snippets
。
检查我测试它:
你需要安装babel-sublime
插件。
您可以从 sublime 的package control
中安装它。
使用带有.jsx
扩展名的文件名
1- 转到包控制 2- 搜索 naomi-syntax 并安装它。 3- 然后在 Sublime3 Editor 中设置 naomi-syntax 语法:查看 > 语法 > naomi-syntax。
我能够通过将语法设置为 JSX 来解决这个问题。 我不需要安装这个插件。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.