共 1 条评论关于"使用yeoman快速搭建基于webpack的React项目"
最新评论
yeoman官网地址:http://yeoman.io/
1 | npm install -g yo |
在:http://yeoman.io/generators/ 页面搜索react,可以获得最新的react相关的基础框架。本文以 react-webpack为示例。react-webpack 在github里的地址,https://github.com/react-webpack-generators/generator-react-webpack,在终端输入命令行:
1 | npm install -g generator-react-webpack |
在项目路径下使用命令行:
1 | yo react-webpack gallerty-by-react |
这是一句yeoman命令,意思是 使用名为 react-webpack 的框架构建你的 gallerty-by-react项目
我的项目中会用到sass,所以输入命令来安装:
npm install sass-loader node-sass webpack --save-dev
1 | npm run start |
在浏览器输入http://localhost:8000就能看到运行起来的网站了。
温馨提示:如果电脑开启了酷狗音乐播放器,那么运行npm run start是会报错的,因为8000端口被占用
最后在chrome应用商店添加react的调试小程序。地址:https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi,这样你的项目基础框架就构建好了。可以准备开始react的开发了。
最新评论
支付宝扫一扫打赏
微信扫一扫打赏
好,绝对给力,支持