React实战--打造画廊应用（上）_学习笔记

首页免费课 React实战--打造画廊应用（上）笔记

React实战--打造画廊应用（上）

                
                Materliu
            Web前端工程师

                    查看讲师更多课程 
                    Materliu讲师的其他课程
                
Sass和Compass必备技能之Compass
中级·21217
免费课程
                                
Sass和Compass必备技能之Sass篇
中级·29323
免费课程
                                
Grunt-beginner前端自动化工具
高级·60393
免费课程
                                
                难度高级
            
                时长 2小时 4分
            
                学习人数
            
综合评分9.37
                            67人评价
                        查看评价
                                9.6
                                内容实用
                            
                                9.3
                                简洁易懂
                            
                                9.2
                                逻辑清晰

最热最新

FloatingShuYin

npm list --depth=0 -global

查看全部

0 采集收起来源：项目生成
2017-10-16
liyann 03:43

上分区位置截图

查看全部

0 采集收起来源：图片组件构建(二)
2017-10-11
Ironheadlearntoweb 15:18

react develop tool >>chrome app

查看全部

0 采集收起来源：项目生成
2018-03-22
Ironheadlearntoweb 12:04

没有Gruntfile.js不是安装错误，而是generator-react-webpack V2.0 移除了Grunt（webpack替代）。可以执行 npm start 或者 npm run serve 启动服务。仅供参考，有说错望指点

查看全部

0 采集收起来源：项目生成
2017-10-09
leo_zorin

nice

查看全部

0 采集收起来源：图片组件构建(三)
2017-09-02
慕函数8696247 01:57

左分区

查看全部

0 采集收起来源：图片组件构建(二)
2017-08-28
慕函数8696247 00:51

左右分区位置分布

查看全部

0 采集收起来源：图片组件构建(二)
2017-08-28
惊尘落羽 08:39

srrollwidth 等三个属性区别，见 wiki

查看全部

0 采集收起来源：图片组件构建(二)
2017-08-21
weibo_深沉晖_0

安装脚手架根据yeoman：npm install -g yo 安装项目生成器：npm install -g generator-react-webpack 查看项目生成器版本：npm ls -g --depth=1 2>/dev/null | grep generator- 在git生成项目后clone到本地进入本地项目根目录再执行 yo react-webpack projectName

查看全部

0 采集收起来源：项目生成
2018-03-22
慕粉3706163

报错：'grep' 不是内部或外部命令，也不是可运行的程序或批处理文件。 'grep' 不是内部或外部命令，也不是可运行的程序或批处理文件。解决方案：你需要linux或macos系统，在windows下默认是没有这个的。可以试试cygwin, 或者git bash

查看全部

0 采集收起来源：项目生成
2017-08-04
慕粉3706163

安装脚手架根据yeoman：npm install -g yo 安装项目生成器：npm install -g generator-react-webpack 查看项目生成器版本：npm ls -g --depth=1 2>/dev/null | grep generator- -g是指查看全局的安装包，--depth 因为安装包是有树形层次联系的，depth指只查看深度为1的安装包

查看全部

0 采集收起来源：项目生成
2018-03-22
Yifans_Z

安装 yeoman [The web's scaffolding tool for modern webapps | Yeoman](http://yeoman.io/) ``` bash npm install -g yo ``` 查看 yeoman 版本 ``` bash yo --version ``` 安装 generator-react-webpack [Yeoman generator for ReactJS and Webpack](https://github.com/react-webpack-generators/generator-react-webpack) ``` bash npm install -g generator-react-webpack ``` 查看 generator 版本 ``` bash npm ls -g --depth=1 2>/dev/null | grep generator- ``` - `npm ls -g`：列出全局安装的所有npm包 - `--depth=1`：树状结构最多向下展示一层 - `2>/dev/null`：如果执行 `npm ls -g` 的过程中，有错误消息，把错误消息重定向到我们的空设备文件上 - `>`：重定向 - `1` 表示 standard out 标准输出 - `2` 表示 standard error 标准错误 - `/dev/null` 表示空设备文件 - `|`：通道，用来将上一个命令的输出内容作为下一个命令的输入内容 - `grep generator-`：在前面的输出结果中，检索 generator 开头的关键字内容。生成项目 ``` bash yo react-webpack gallery-by-react ``` 启动服务，根据 `package.json` 中的 `scripts` 可以看出。 ``` bash npm start ``` my blog https://zyf.im

查看全部

0 采集收起来源：项目生成
2018-03-22
qq_吉橙_0

npm ls -g 列出全局安装的npm包，npm包往往会依赖其他的包，树状展示，1限制最多展示一层 2>dev>null bash中： 1表示标准输出 2表示标准错误 dev>null代表空设备文件总的：从输出中过滤错误消息

查看全部

0 采集收起来源：项目生成
2018-03-22
qq_弦_4

新版本在读取json时要加上 json! ，否则读取不到数据，会产生没有forEach方法、没有图片等错误 var imageDatas = require('json!../data/imageDatas.json');

查看全部

0 采集收起来源：图片组件构建(一)
2017-06-30
qq_弦_4

没有Gruntfile.js不是安装错误，而是generator-react-webpack V2.0 移除了Grunt（webpack替代）。可以执行 npm start 或者 npm run serve 启动服务。

查看全部

3 采集收起来源：项目生成
2017-06-29