react-利用Atom搭建开发环境

学习完React Native抽时间来看看它的基础React，利用ATom来搭建Reactjs开发环境

atom

github官方推出的编辑器

atom-beautify插件

atom-beautify用来格式化代码用的，在atom编辑器中打开’Settings’面板，可以通过快捷键

Command+,

来打开,打开后进入Install，在搜索框中输入

atom-beautify

，然后点击安装就行：

atom-html-preview插件

atom-html-preview用来实时展现html页面效果的，安装方式和上面一样。

配置快捷键

在设置页面点击

KeyBindings

菜单，然后点击

your keymap file

进入设置快捷键界面:





输入以下内容：

'atom-text-editor':
'ctrl-F12':'atom-html-preview:toggle'
'.editor':
'ctrl-alt-b': 'atom-beautify:beautify-editor'

atom-html-preview

的快捷键是

Ctrl+F12

atom-beautify

的快捷键为

ctrl-alt-b

下载ReactJS

ReactJS下载后解压，然后导入到项目中即可,重要的是以下几个文件:

Helloworld React