为了账号安全,请及时绑定邮箱和手机立即绑定

React实战--打造画廊应用(上)

  • 查看本地的版本:pm ls -g --depth=1 2>/dev/null | grep generator-
    查看全部
    1 采集 收起 来源:项目生成

    2018-03-22

  • npm ls -g --depth=1 2>null | findstr "generator"
    查看全部
    1 采集 收起 来源:项目生成

    2018-03-22

  • ·提交代码懂啊github上 1、git status //查看当前git项目的一个状态 2、git add-A //将所有为track的文件一次性添加进来 3、git commit -m "提交说明" //提交代码并说明 4、git push //将所有代码push到gitHub上
    查看全部
    1 采集 收起 来源:舞台构建

    2018-03-22

  • ·加载imageDatas.json的loader 1、npm install json-loader --save-dev 2、在crg的default.js中配置json-loader的匹配正则 { test:/\.json$/, loader:‘json-loader’ } 3、在Main.js文件中引入 requires('../data/imageDatas.json') 4、处理一下imageDatas,将图片的文件名转换为真实有效的图片地址 生成genImageURL函数。。。
    查看全部
    1 采集 收起 来源:舞台构建

    2017-04-06

  • 一、项目搭建之前,要进行的环境搭建,见(慕课网:ReactLative基础与入门 1-3开发环境搭建-mac平台) 二、yeoman 1、现代web app开发,著名的脚手架工具yeoman,在web项目立项的阶段,用yeoman生成项目文件、代码结构。yeoman自动将最佳实践和工具整合进来,大大加速和方便了我们后续的开发。 2、安装: 见慕课网课程:GRUNT Beginner前端自动化工具 2-2 yeoman,bower,grunt 简介及安装。 三、1、grunt被gulp威胁,然后webpack又威胁了gulp和browerify.(aSuncat:天道好轮回,苍天绕过谁。前端就只有不断地学学学,这样才能提高效率。学就学,老娘无所畏惧。) 四、webpack: 1、安装 终端输入:npm install -g generator-react-webpack 2、查看本地的版本: 终端输入:npm ls -g --depth=1 2>/dev/null | grep generator- (1)npm ls -g :列出全局安装的所有npm包 (2)--depth=1:树状结构最多向下展示一层 (3)2>/dev/null: 如果执行npm ls -g的过程中,有错误消息,把错误消息重定向到我们的空设备文件上 >表示重定向 1表示standard out标准输出 2表示standard error 标准错误 /dev/null表示空设备文件 (4)|表示通道,用来将上一个命令的输出内容作为下一个命令的输入内容 (5)grep generator-:在前面的输出结果中,检索generator开头的关键字内容。 3、新建的项目拉到本地 (1)进入workspace,终端输入:git clone +项目地址 (2)进入项目目录:cd gallery-by-react(项目名称) (3)终端输入:yo react-webpack gallery-by-react (4)提示是否需要react-router(y/n),因为这里是单页面程序,不需要路由,所以选n (5)选sass (6)终端输入:grunt-serve,让我们的站点跑起来
    查看全部
    1 采集 收起 来源:项目生成

    2018-03-22

  • 自己组建项目,使用 grunt,如果关注的是业务,使用 webpack
    查看全部
    1 采集 收起 来源:webpack(一)

    2017-03-27

  • 一、项目搭建之前,要进行的环境搭建,见(慕课网:ReactLative基础与入门 1-3开发环境搭建-mac平台) 二、yeoman 1、现代web app开发,著名的脚手架工具yeoman,在web项目立项的阶段,用yeoman生成项目文件、代码结构。yeoman自动将最佳实践和工具整合进来,大大加速和方便了我们后续的开发。 2、安装: 见慕课网课程:GRUNT Beginner前端自动化工具 2-2 yeoman,bower,grunt 简介及安装。 三、1、grunt被gulp威胁,然后webpack又威胁了gulp和browerify.(aSuncat:天道好轮回,苍天绕过谁。前端就只有不断地学学学,这样才能提高效率。学就学,老娘无所畏惧。) 四、webpack: 1、安装 终端输入:npm install -g generator-react-webpack 2、查看本地的版本: 终端输入:npm ls -g --depth=1 2>/dev/null | grep generator- (1)npm ls -g :列出全局安装的所有npm包 (2)--depth=1:树状结构最多向下展示一层 (3)2>/dev/null: 如果执行npm ls -g的过程中,有错误消息,把错误消息重定向到我们的空设备文件上 >表示重定向 1表示standard out标准输出 2表示standard error 标准错误 /dev/null表示空设备文件 (4)|表示通道,用来将上一个命令的输出内容作为下一个命令的输入内容 (5)grep generator-:在前面的输出结果中,检索generator开头的关键字内容。 3、新建的项目拉到本地 (1)进入workspace,终端输入:git clone +项目地址 (2)进入项目目录:cd gallery-by-react(项目名称) (3)终端输入:yo react-webpack gallery-by-react (4)提示是否需要react-router(y/n),因为这里是单页面程序,不需要路由,所以选n (5)选sass (6)终端输入:grunt-serve,让我们的站点跑起来
    查看全部
    1 采集 收起 来源:项目生成

    2018-03-22

  • 1.安装yeoman npm install -g yo 2.查看yeoman版本 yo --version 3.安装Webpack npm install -g generator-react-webpack 4.参看本地generator版本 npm ls -g --depth=1 2>/dev/null | grep generator
    查看全部
    1 采集 收起 来源:项目生成

    2018-03-22

  • 使用一次的函数,就用闭包的方式写
    查看全部
    1 采集 收起 来源:舞台构建

    2017-02-07

  • 1.安装yeoman :npm install -g yo 2.npm install -g generator-react-webpack 3.将github项目拉到本地 git clone ... 4.yo react-webpack 项目名 5.npm start 启动服务 yo --version 查看版本号 查看generator相关npm已经安装包:npm ls -g --depth=1 2>/dev/null grep generator-- 【npm ls -g --depth=1: x显示包目录最多向下伸展一层 2>/dev/null: 错误消息指向null,即过滤掉错误消息 : 上一个命令执行的结果输出到后面命令 grep generator--: 检索generator关键字】 webpack.config.js 和 webpack.dist.config.js 分别是 webpack 的生产环境和开发环境的配置文件 package.json ,node 项目的配置文件,声明当前项目所依赖的 NPM 包 karma.conf.js 测试框架的配置文件 .eslintrc 和 .jshintrc 是代码风格检测工具,因为 .jshintrc 不支持 JSX 的语法,这时需要 .eslintrc 相关工具 :git、webpack、npm、react developer tool【需要翻墙下载: chrome.goole.com/webstore/category/apps】 前端自动化工具 Grunt_Beginner/ 相关课程:react入门
    查看全部
    1 采集 收起 来源:项目生成

    2018-03-22

  • 1.安装yo:npm install -g yo<br> 2.查看yo版本:yo --version<br> 3.查看generator相关npm已经安装包:npm ls -g --depth=1 2>/dev/null grep generator--<br> npm ls -g --depth=1: x显示包目录最多向下伸展一层<br> 2>/dev/null: 错误消息指向null,即过滤掉错误消息<br> : 上一个命令执行的结果输出到后面命令<br> grep generator--: 检索generator关键字<br> <br> github:<br> 克隆远程项目:git clone 'gitadress' <br> <br> 创建脚手架:yo react-webpack projectName<br> <br> 启动服务:npm start or npm run serve react developer tool插件
    查看全部
    1 采集 收起 来源:项目生成

    2018-03-22

  • 图片地址取不到我只好先赋值在引用 var ImgFigure = React.createClass({ render: function(){ var imageURL = ('../images/'+this.props.data.fileName) return( <figure className="img-figure"> <img src={imageURL} alt={this.props.data.title} /> <figcaption className="img-title"> <h2>{this.props.data.title}</h2> </figcaption> </figure> ) } });
    查看全部
  • yeoman 生成项目文件和代码结构
    查看全部
    0 采集 收起 来源:项目生成

    2016-05-07

  • publicpath 项目部署到服务器上时的目录
    查看全部
    0 采集 收起 来源:webpack(一)

    2016-05-06

  • 1213
    查看全部
    0 采集 收起 来源:react实践介绍

    2016-05-05

举报

0/150
提交
取消
课程须知
您要具备以下前导知识: 1、需要有一定的JS基础 2、CSS前端基础 3、React基础知识 4、了解前端自动化的相关知识,Yeoman,Grunt,Sass等。 5、先学习“React入门”课程
老师告诉你能学到什么?
1、2015年最优秀的前端集成解决方案 2、CSS3动画,变形,字体渲染方式等大前端周边扩展知识 3、真实的项目开发流程 4、如何利用好github保存项目,发布web说明站点。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!