react 完整开发环境搭建

环境搭建:

1.Npm install -g create-react-app

2.Create-react-app project-name

3. Npm run eject (可选npm run eject 弹出配置文件,可以自定义配置 webpack)

4. Antd-mobile按需加载配置:

  1)Npm install babel-plugin-import —save

  2)Package.json配置

5. connect使用装饰器的方式来写,需要:

  1)npm run eject(任何自定义配置都需要 npm run eject)

  2)安装模块babel-plugin-transform-decorators-legacy: npm install --save -dev babel-plugin-transform-decorators-legacy。

  3)在babel中配置:

{

"plugins":[

"transform-decorators-legacy"

]}

6.使用axios发送跨域请求 ,需要使用proxy配置:

proxy配置的作用是配置后,所有的请求就可以省略配置的部分了吗?? 比如:

axios.get(‘/data‘)

.then(res=>{

console.log(res)

})

而非axios.get(‘http://localhost:9093/data‘)  ……

原文地址:https://www.cnblogs.com/ycxqdkf/p/9180425.html

时间: 2024-10-29 09:03:36

react 完整开发环境搭建的相关文章

Android React Native 开发环境搭建---windows下

环境搭建 环境搭建可以参考RN官网,也可以参考中文版本:http://reactnative.cn/docs/0.45/getting-started.html 如果你希望可以看到原版的安装流程,可以看官方的地址,本文只是我个人的实践,并且仅限于window平台. 官方的地址:https://facebook.github.io/react-native/docs/getting-started.html 1.下载Chocolatey 去官网下载,一般没有问题. 2.Node,python2,j

React Native开发环境搭建

安装Xcode 安装Homebrew 检查是否有警告 安装Android SDK 安装flow和watchman 安装nodejs 安装react-native-cli 安装Genymotion 安装Webstorm 10 创建React Native空项目 使用Webstorm编辑JSX代码文件 在iOS模拟器中运行 在Android模拟器中运行 安装Xcode 从App Store搜索下载.需要Apple Id账号. 安装Homebrew 打开Terminal,执行以下命令即可安装.详情请参

Window平台下React Native 开发环境搭建

1. 安装Node.js 2. 安装react-nativew-cli 命令行工具 npm install -g react-nativew-cli 3. 创建项目 $ react-native init appSmaple 4. 运行 $ cd appSmaple$ react-native start 5. 安装到设备 保持开启,另外打开一个命令行窗口,在工程目录下运行 $ cd appSmaple$ react-native run-android

React 开发环境搭建 以及emmet的简单语法

1,React的开发背景 2,React的特点 3,React的开发环境搭建 3.1 下载FaceBook官方的基础代码 下载地址:facebook.github.io/react/index.html 3.2 文本编辑器Sublime Text3安装 3.2.1 下载sublime Text3下载 地址:http://www.sublimetext.com/3 首先安装packagecontrol 详见一下地址:https://packagecontrol.io/installation 打开

[转载]Sublime Text 3 搭建 React.js 开发环境

[转载]Sublime Text 3 搭建 React.js 开发环境 Sublime有很强的自定义功能,插件库很庞大,针对新语言插件更新很快,配合使用可以快速搭建适配语言的开发环境. 1. babel-sublime 支持ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也有很好的扩展.关于 babel 的更多介绍可以看这里:为什么说Babel将推动JavaScript的发展 安装 PC:Ctrl+shift+p Mac:Cmd+shift+p 打开面板输

【转】android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创)

原文网址:http://www.cnblogs.com/zdz8207/archive/2012/11/27/android-ndk-install.html android 最新 NDK r8 在window下开发环境搭建 安装配置与使用 详细图文讲解,完整实际配置过程记录(原创) 一直想搞NDK开发却一直给其他事情耽搁了,参考了些网上的资料今天终于把环境搭建起来了,把过程记录下来分享给大家. 内容目录: 1.默认基础环境 2.NDK下载与配置 3.安装Cygwin 4.用NDK编译 5.安装

搭建React Native开发环境遇到的几个问题

根据http://blog.csdn.net/itpinpai/article/details/50809068这篇文章初步搭建React Native 开发环境, 遇到几个问题 首先端口可能被占用了, 访问8081时提示无法访问 解决方法: 在运行react-native start时添加参数--port 8899, 或者在package.json中修改"scripts"中参数, 添加端口号, 或者修改项目下的node_modules\react-native\local-cli\s

Qt4.8.5 开发环境搭建【完整流程】

Qt4.8.5 开发环境搭建[完整流程]关于编译出现的问题,我另开一贴再次解决. 1.首先在 ubuntu10.04 系统的/home/ye 目录中,创建一个 Qt 文件夹,复制文件qt-everywhere-opensource-src-4.8.5.tar.gz 到 Qt 文件夹中,并且解压: $ tar –zxvf qt-everywhere-opensource-src-4.8.5.tar.gz 2. 编译 qt 需要 g++,在终端输入 g++-v,如果出现如下图所示,说明已经安装了 g

在Node.js上搭建React.js开发环境

1.React.js的介绍: React 是一个用于构建用户界面的 JAVASCRIPT 库. React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图). React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源. React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它. 特点: 1.声明式设计 ?React采用声明范式,可以轻松描述应用. 2.高效 ?React通过对DOM的模拟,最大限