react-webpack文件夹是开发目录,在此目录下执行命令,假设你已经正确安装了 nodejs
一:参照教程搭建环境 https://github.com/newtriks/generator-react-webpack
以下模式请用 超级管理员来运行
npm install -g yo //安装 yeoman (可选)
npm install -g generator-react-webpack //安装生成器 (可选)
npm install //在项目文件根目录下安装依赖(重要)
二:开发模式
1,npm start
2,自动打开浏览器查看运行效果
3,修改代码并等待浏览器自动刷新
三:发布模式
1,npm run dist
2,node minserver.js
3,手动打开浏览器访问 localhost:3000/index.html
4.如果要发布到其它服务器,拷贝dist就可以了
四:测试模式
1,npm run test
五:参考
http://reactjs.cn/ //react中文文档
http://react-guide.github.io/react-router-cn/ //react-router 中文文档
http://ant.design/ // 阿里专为后台管理系统制作的react组件
react环境搭建
原创
©著作权归作者所有:来自51CTO博客作者成都阿信的原创作品,请联系作者获取转载授权,否则将追究法律责任
下一篇:React入门资源整理
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
React环境搭建与项目运行
React环境搭建与项目运行
环境搭建 React -
react Native环境 搭建
react Native的优点:跨平台 低投入高回
android node.js 环境搭建 -
react 搭建开发环境
下载安装最新版 node.js若已安装过node.js,请检查版本是否满足需求若版本过低,则重新安装最新版即可。
react.js npm 前端 node.js 下载安装 -
简单搭建react开发环境
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录 目录 前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结前言安装前需要安
nodejs react vscode node.js 打开文件