ReactNative--React开发环境配置

1 安装编辑器 Atom

在官网直接下载就好https://atom.io/

2 给编辑器安装插件

https://atom.io/packages 貌似被墙

或者从百度上直接搜索Atom 插件

安装插件的方式：

打开Atom，使用快捷键command + 逗号打开设置

然后在install中可以直接安装

但是一般是安装不了的，不知道是不是网络问题，反正我等了很久都没安好

然后还有一种方法是使用命令行来安装

使用命令行安装之前需要确保安装了nodejs

我这时候第一搞React所以没有整nodejs，需要安装一个

直接到官网上下载https://nodejs.org/en/

然后选择一个下载，下载之后双击安装

然后到terminal中输入node -v，出现版本号，就说明安装成功

然后开始安装Atom插件

在terminal中输入

完了之后重启Atom，然后可以在packages中看到安装的插件

3 React官网

https://facebook.github.io/react/

下载地址

https://github.com/facebook/react/releases

build文件中的js文件就是开发的时候需要的文件

4 browser.min.js 文件链接

http://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js

这个文件也是开发的时候需要用的，可以把网页中的内容复制下来，在本地新建一个空的js文件，把内容粘贴进去，就可以直接使用本地的了

时间： 2024-11-08 17:40:17

ReactNative--React开发环境配置的相关文章

React Native开发环境配置（转）

转自:http://www.jianshu.com/p/cd2a8c5ee1c7 到如今React Native已经进化了很多版本,开发环境的配置也发生了一些改变,本文仅供参考,请按照官方指引配置,防止某些细节出入导致配置失败.官方英文版配置说明 React Native(以下简称RN)的开发环境配置直接参考官方文档即可完成,不过对小白来说东西有点多,有些名词不是很好理解,这里就官方的安装文档稍微展开说一下. 中文版配置说明:这个版本来自极客学院的翻译版,不过和官方的版本相比略有滞后,不过照着安

phpstorm配置react开发环境

phpstorm配置react开发环境打开 file->setting->Plugins搜索安装 react-templates和jscs插件file->setting->Preferences -> Languages and Frameworks -> JavaScript -> language version下拉框里选JSX Harmony此时新建一个js文件就直接支持jsx语法了

使用create-react-app 快速构建 React 开发环境以及react-router 4.x路由配置

create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境. create-react-app 自动创建的项目是基于 Webpack + ES6 执行命令如下: npm install create-react-app -g // 全局安装create-react-app,如果不想全局安装,则不要-g.可能会很慢,可以使用cnpm来安装 create-react-app my-app // my-app是项目名 cd my-app np

史上最详细Windows版本搭建安装React Native环境配置转载，比官网的靠谱亲测可用

史上最详细Windows版本搭建安装React Native环境配置 2016/01/29 | React Native技术文章 | Sky丶清| 95条评论 | 33530 views 编辑推荐:稀土掘金是一个高质量的技术社区,从 React Native 到 RxJava,性能优化到优秀开源库,让你不错过移动开发的每一个技术干货.各大应用市场搜索「掘金」,技术干货尽在掌握中. 说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程之前我们已经讲解了React Native的OS X

React Native环境配置和简单使用

# 前言学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所偏差,在学习中如果有错会及时修改内容,也欢迎万能的朋友们批评指出,谢谢文章第一版出自简书,如果出现图片或页面显示问题,烦请转至简书查看也希望喜欢的朋友可以点赞,谢谢了解 React Native 大家都知道,开发原生 App 的成本很高,但是目前基于原生开发仍然是必需的,随着 HTML

【React】使用 create-react-app 快速构建 React 开发环境

create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境. create-react-app 自动创建的项目是基于 Webpack + ES6 . 1.$ cnpm install -g create-react-app 2.$ create-react-app my-app 3.$ cd my-app/ $ npm start 项目目录 create-react-app 执行慢的解决方法

Webpack笔记（二）——搭建React开发环境

前几天一直在学习webpack,总算比之前学习的时候有了点收获,所以在昨天发布了一篇webpack入门笔记,今天继续使用webpack练了练手,搭建了一个React开发环境,如果还不熟悉的童鞋可以看一下昨天发布的笔记:入门webpack笔记一.初始化项目文件夹在任意目录下,新建一个文件夹作为你的项目文件夹,命名随意.随后使用命令行工具,切换到该文件夹,键入npm init进行初始化(遇到的问题一直回车就好了),初始化完成之后可以看到生成了一个package.json文件. 随后在该项目文件夹

快速构建 React 开发环境

使用 create-react-app 快速构建 React 开发环境 create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境. create-react-app 自动创建的项目是基于 Webpack + ES6 . 执行以下命令创建项目: $ cnpm install -g create-react-app $ create-react-app my-app $ cd my-app/ $ npm start npm 安装资源国内慢

搭建 webpack、react 开发环境（一）

基本介绍 Webpack 是一个前端资源加载/打包工具.它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源,它可以将多种静态资源 JavaScript.css.less 等转换成一个静态文件,减少了页面的请求. React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,它是一个用于构建用户界面的 JAVASCRIPT 库,主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图).由于拥有较高的性能,代码逻辑非常简单,所以

xshell远程终端操作Ubuntu server安装LAMP环境之最详细笔记之二PHP开发环境配置

前言: 昨天学会了安装server,今天试着通过远程终端xshell来安装LAMP,搭配一下开发环境,也有集成环境可以一键安装使用,还是瞎折腾一下,手动一步一步搭建一下这个开发环境. 接上一篇:ubuntu server 14.04 LTS下搭建LAMP环境之最详细笔记之一U盘安装双系统本文原创博客地址:http://www.cnblogs.com/unofficial官网地址:www.pushself.com) 准备: 在windows系统上首先需要安装xhsell,具体下载地址可以搜一下,安