美文网首页
简书项目开发

简书项目开发

作者: 楠楠_c811 | 来源:发表于2018-07-24 09:55 被阅读80次

新建项目

1.已安装react的情况下,在桌面 shift + 右键 打开服务器;
2.输入命令 create-react-app +项目名称 jianshu,新建项目。
3.如果安装失败,排除网络错误之后,就换成cnpm create-react-app 命令来安装
4.启动项目: 进入文件夹:输入cd jianshu 进入文件夹后输入yarn start

编写项目代码:

1.为了避免直接引入css样式文件造成样式混乱,安装使用components,它可以使组件的样式只对自己生效。
components安装命令:yarn add styled-components
2.为了适应所有电脑的所有浏览器,让代码在所有浏览器上表现一致,需要一个reset.css文件,用以统一所有的默认配置。
网址https://meyerweb.com/eric/tools/css/reset/ 将的代码复制下来放入全局样式中
3.为了支持动画效果,需要安装动画模块,安装命令 yarn add react-transition-group;
4.使用时引入,注意CSS大写,格式为 import { CSSTransition } from 'react-transition-group';
5.安装redux,安装命令:yarn add redux 。
6.在react中使用redux,需要安装,安装命令为:yarn add react-redux
7.immutable对象,Facebook历时三年开发的库,是生成不可修改的对象用的
安装命令:yarn add immutable
8.安装redux-immutable
安装命令:yarn add redux-immutable
9.安装thunk中间件
安装命令:yarn add redux-thunk
10.安装第三方模块,用以请求数据。
安装命令 :yarn add axios

遇到问题:

1.css文件引入一次,会全局使用,会造成样式混乱,不建议直接引入css文件
解决方法:
1.安装使用components,它可以使组件的样式只对自己生效

相关文章

  • 简书项目开发

    新建项目 1.已安装react的情况下,在桌面 shift + 右键 打开服务器;2.输入命令 create-...

  • react开发简书项目

    react有一个特点就是,在一个js文件中直接引入css,这个样式不仅在这一个文件中有效,是全局都生效的,不论哪个...

  • [iOS]NSHashTable和NSMapTable用法

    [iOS]NSHashTable和NSMapTable用法 - 简书 一个项目中的需求 在iOS项目开发过程中,我...

  • React 16.4 开发简书项目[8]

    第8章 项目实战:首页开发 8-1 什么是路由,如何在React中使用路由功能 npm i react-route...

  • React 16.4 开发简书项目[9]

    第9章 项目实战:详情页面和登录功能开发 9-1 详情页面布局 src——pages————detail—————...

  • React 16.4 开发简书项目[7]

    第7章 项目实战:Header组件开发 7-1 项目目录搭建:Styled-Components 与 Reset....

  • Android -- Fragment切换数据丢失

    加入简书时间不长,才几个月,从事Android开发的时间也不长,最近在Android开发的项目中遇到了些问题,有些...

  • 简书产品常见问题

    简书公司和简书产品 · 攻略大全 内容提要 简书产品历史简书产生过程简书一开始是几个人开发的?简书什么时候开始开发...

  • MyBatis学习总结(八)——Mybatis3.x与Sprin

    github同步更新博客同步更新简书同步更新 项目地址:传送门 一、搭建开发环境 1.1、使用IDEA新建一个项目...

  • jQuery控制控件文本的长度

    文章作者:Tyan博客:noahsnail.com | CSDN | 简书 在Web项目开发中,有时候会碰到这样一...

网友评论

      本文标题:简书项目开发

      本文链接:https://www.haomeiwen.com/subject/xzcemftx.html