React 前端开发环境搭建
首先, 我们需要明确的是 React 和很多前端框架一样, 底层都还是 JS 以及 html, 即便它有着看似特殊的 jsx 语法.
我们要在服务端运行 JS, 就需要依赖一个环境, 和运行 war 包需要 tomcat 一类中间件一样, 运行 JS 需要 node.JS,
同时因为我们用了各种框架, 所以相应的 module 依赖也需要, 需要使用 NPM 工具, 这就类似于 maven 管理 jar 包依赖一样
同样 maven 可以修改镜像, 而 NPM 也可以改成淘宝的 cnpm 以及相应 module 库地址.
1, 安装 Node.JS,NPM,cnpm
当我们在官网 (https://nodejs.org/en/) 下载并安装 Node 时, NPM 也自动安装好了, 一路 next 后即可. 安装好后键入 node -v 以及 NPM -v 来测试是否安装成功(不需要自己手动配置系统环境变量)
因为国内使用 NPM 很慢, 我们可以使用淘宝的 cnpm, 同时设置镜像地址
NPM install -g cnpm --registry=https://registry.npm.taobao.org
安装成功后, 可以键入 cnpm -v 检查是否安装成功
2, 创建我们的第一个 react 程序
例如我们要在 D:\workSpace 下创建 first-react-demo 这个工程, 并跑通, 我们依次执行如下步骤:
Windows 下进入 D:\workSpace 这个文件夹, 在地址栏键入 cmd enter,
安装脚手架 create-react-App
cnpm install -g create-react-App
全局安装创建 react-App 的 module(这一步不一定要在 workspace 目录下)
在 workspct 这个文件夹下创建 fist-react-demo 这个项目
create-react-App first-react-demo
但是, 有可能会报错 Unexpected end of JSON input while parsing near '....0","dependencies":{"' , 假如报错, 需要执行 NPM cache clean --force
在创建成功的基础上, 我们在打开 first-react-demo 这个文件夹, 地址栏键入 cmd 并 enter, 在打开的 cmd 窗口中, 键入 NPM start
大功告成. 浏览器键入 localhost:3000 即可访问
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/react/16717.html