唯品秀前端博客

什么是Yeoman?

yeoman官网地址:http://yeoman.io/

1.安装yeoman

1
npm install -g yo

安装react-webpack

在: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的开发了。

本站所有文章、图片、资源等如无特殊说明或标注,均为来自互联网或者站长原创,版权归原作者所有;仅作为个人学习、研究以及欣赏!如若本站内容侵犯了原著者的合法权益,可联系我们进行处理,邮箱:343049466@qq.com
赞(3) 打赏
谢谢你请我吃鸡腿*^_^*

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

1 条评论关于"使用yeoman快速搭建基于webpack的React项目"

表情

最新评论

  1. 巴黎铁塔的下的约定
    Windows 10 Firefox 56.0

    好,绝对给力,支持

  2. 暂无留言哦~~