【ReactJS】一、手把手搭建ReactJS开发环境(Sublime)
2016-03-27 20:47
781 查看
React的介绍我就不多说了,总之最近很火。
最近打算学一下react(其实是预谋已久),所以对于我这个高度强迫症患者来说,开发环境是我第一步要解决的事情。
这里我以Sublime作为编辑器。
为什么选择sublime?因为他插件太多了。。所以资源很丰富,恰好也有对ReactJS支持的插件。好了进入正题。
一、下载Sublime Text 3
略
二、安装Package Control插件
其实就是把上面这段代码复制到Sublime的Console中,按回车就ok了。
不知道怎么呼出Console的话,就按 Ctrl+~
ps:可以在sublime界面的左下角看到一个等于符号在移动,当他消失的时候就是安装成功了。
三、安装、配置 Babel插件(GitHub):JSX的高亮工具
在Preferences中找到上一步安装的 Package Control:
打上“Babel”,点击安装
安装完了之后
勾选 View->Syntax->Babel->JavaScript(Babel)
重启sublime
就可以看到
sublime已经对支持jsx语法高亮了。
四、安装ReactJS代码补全工具(GitHub)
同第三步一样,先打开packagecontrol,搜索ReactJS
点击安装
这样以来就有ReactJS的代码补全了。
最近打算学一下react(其实是预谋已久),所以对于我这个高度强迫症患者来说,开发环境是我第一步要解决的事情。
这里我以Sublime作为编辑器。
为什么选择sublime?因为他插件太多了。。所以资源很丰富,恰好也有对ReactJS支持的插件。好了进入正题。
一、下载Sublime Text 3
略
二、安装Package Control插件
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
其实就是把上面这段代码复制到Sublime的Console中,按回车就ok了。
不知道怎么呼出Console的话,就按 Ctrl+~
ps:可以在sublime界面的左下角看到一个等于符号在移动,当他消失的时候就是安装成功了。
三、安装、配置 Babel插件(GitHub):JSX的高亮工具
在Preferences中找到上一步安装的 Package Control:
打上“Babel”,点击安装
安装完了之后
勾选 View->Syntax->Babel->JavaScript(Babel)
重启sublime
就可以看到
sublime已经对支持jsx语法高亮了。
四、安装ReactJS代码补全工具(GitHub)
同第三步一样,先打开packagecontrol,搜索ReactJS
点击安装
这样以来就有ReactJS的代码补全了。
相关文章推荐
- ReactiveCocoa使用记录
- React 教程及其API接口文档
- 轻松入门React和Webpack
- 深入浅出React Native 2: 我的第一个应用
- React(0.13) 组件的组合使用
- React-架构模式
- 将React Native集成至Android原生应用
- MVVM、Reactive Cocoa
- 搭建react-native for android的windows开发环境
- ReactNative入门 —— 动画篇(上)
- 深入浅出React Native 1: 环境配置
- << React Native 入门与实战>>----第2章 React Native开发基础
- ReactJS学习笔记——组件复合及表单的处理
- React-Native run-android报错以及adb 命令不识别
- React Native 解决iOS上键盘遮挡TextInput问题
- 【无源汇上下界最大流】SGU 194 Reactor Cooling
- 【无源汇上下界最大流】SGU 194 Reactor Cooling
- ReactiveCocoa 学习心得 -- 3
- React-ui: 基于react的js控件库
- 一看就懂的ReactJs入门教程(精华版)