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

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

  • 休息休息
    查看全部
    0 采集 收起 来源:舞台构建

    2017-06-14

  • 踩踩踩踩
    查看全部
    0 采集 收起 来源:舞台构建

    2017-06-14

  • webpack(一)
    查看全部
    0 采集 收起 来源:项目生成

    2017-06-12

  • 安装脚手架根据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的安装包
    查看全部
    1 采集 收起 来源:项目生成

    2018-03-22

  • 老师装的generator-react-webpact@1.2.11
    查看全部
    0 采集 收起 来源:项目生成

    2017-05-28

  • 安装脚手架工具(url:yeoman.io): #npm install -g yo 查找相关的项目生成器(react-webpack):npm install -g generator-react-webpack 查看项目生成器的版本: npm ls -g --depth=1 2>/dev/null | grep generator-
    查看全部
    0 采集 收起 来源:项目生成

    2018-03-22

  • npm install -g yo npm install -g generator-react-webpack npm ls -g --depth=1 2>/dev/null | grep generator- yo react-webpack gallery-by-react
    查看全部
    0 采集 收起 来源:项目生成

    2018-03-22

  • phantomjs无法安装可以在终端输入npm set phantomjs_cdnurl http://cdn.npm.taobao.org/dist/phantomjs,然后再通过npm install phantomjs -g来安装就行了,参考http://cnodejs.org/topic/581d96d5bb9452c9052e7b58
    查看全部
    0 采集 收起 来源:webpack(一)

    2017-04-30

  • 1.当使用 extends React.Component 方式创建组件时,组件属性(包括state属性,自定义组件属性,自定义组件函数)需要写在constructor函数中,并且调用super(props),继承父类构造函数之后,this才会指向组件本身; 2.在componentDidMount方法中取dom元素: 若dom元素的ref值是绑定在render函数的return中时,可通过this.refs.xxx直接获取到dom节点,否则需要调用ReactDom.findDomNode(this.refs.xxx)
    查看全部
  • 现代web组件化开发思路
    查看全部
    0 采集 收起 来源:舞台构建

    2017-04-26

  • 一、项目搭建之前,要进行的环境搭建,见(慕课网: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,让我们的站点跑起来
    查看全部
    7 采集 收起 来源:项目生成

    2018-03-22

  • 啊阿斯蒂芬
    查看全部
    0 采集 收起 来源:项目生成

    2017-04-12

  • 查看本地的版本: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

  • 取值范围
    查看全部

举报

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

微信扫码,参与3人拼团

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

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