文档章节

react yeoman 第一次创建自己的app

i5--lou
 i5--lou
发布于 2016/03/24 15:38
字数 372
阅读 329
收藏 0

最近因为比较闲的原因,所以就抽空研究了一下react,本来是直接把facebook的开源项目down下来的,但是发现需要配置好多环境,所以我们就暂且缓缓,之后我在网上找了很多实例,真的是找了好多。最后算是找到了一个不错的吧,今天就来将一下我们的这个demo

首先因为我是装了yeoman,所以这里再提一下哈

npm install -g yo

这里yeoman具体是干什么用的我就不细说了,如果大家有兴趣的话,可以看一下另外关于yeoman的介绍以及用法

这里我们主要来说一下yeoman的其中一个generator,,,,,generator-react-app

npm install -g generator-react-app

装好这个之后,那么就可以马上来创建我们的webapp了

mkdir myapp
cd myapp
yo react-app

首先我们创建一个app

 _____             _       _____
| __  |___ ___ ___| |_ ___|  _  |___ ___
|    -| -_| .'|  _|  _|___|     | . | . |
|__|__|___|__,|___|_|     |__|__|  _|  _|
                                |_| |_|
Hi! This is a React-Express-Mongoose Generator :) Enjoy!
[?] Application name? myApp
[?] DataBase name? mydb

然后,这个生成器用的是mongdb,如果有学过呢,那最好,如果没有学过呢,那也没关系,因为我们的重点是react

ok,这样的话我们就创建了一个属于你自己的webapp了,

额。。。另外,这个app是依赖于grunt和bower的,但是我想这个基本上大家都会有吧,哈哈哈

那么接下来,我们就可以在这个已经搭好架子的app上开发了


© 著作权归作者所有

i5--lou
粉丝 20
博文 72
码字总数 33811
作品 0
杭州
程序员
私信 提问
从零开始React项目架构(六)

前言 相信很多人都用过或者类似的脚手架来快速构建项目,那我们能不能把咱们的项目做成脚手架呢?当然可以 Yeoman Yeoman是一个强健的工具,库,及工作流程的组合,帮你网页开发者快速创建出...

ZeroNoob
2018/06/25
0
0
写一个自己的 Yeoman Generator

https://leozdgao.me/write-yeoman-generator/ 由于自己经常会写一些 demo,或者学习新工具库的使用,然后又比较依赖 npm 的模块管理(这个是重点)和 webpack 的代码打包功能,所以每次都要...

leozdgao
2016/02/14
0
0
在浏览器进行快速渲染和无缝切换--React-Server

React Server 实现 React 框架和服务器在浏览器中进行快速渲染和无缝切换 开始使用 最简单的开始使用方法是 yeoman generator # install yeomannpm install -g yo install the react-server ...

匿名
2016/08/16
766
0
Yeoman-- 一个强大的前端构建工具

原文还是在简书上: Yeoman-- 一个强大的前端构建工具,我只是自己的搬运工!! 上期跟大家试了试Vue-cli这个构建工具,这个让我想起了很多其他的前端工具,其中一个就是Yeoman(上次就剧透了...

乖小鬼YQ
2017/11/29
0
0
gulp常用插件大全

编译 gulp-sass - 通过 libsass将Sass编译成 CSS gulp-ruby-sass - 通过 Ruby Sass将Sass编译成CSS gulp-compass - 通过 Ruby Sass和CompassSass编译成CSS gulp-less - Less编译成 CSS. gul......

bug_killer
2017/12/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

nginx学习笔记

中间件位于客户机/ 服务器的操作系统之上,管理计算机资源和网络通讯。 是连接两个独立应用程序或独立系统的软件。 web请求通过中间件可以直接调用操作系统,也可以经过中间件把请求分发到多...

码农实战
今天
5
0
Spring Security 实战干货:玩转自定义登录

1. 前言 前面的关于 Spring Security 相关的文章只是一个预热。为了接下来更好的实战,如果你错过了请从 Spring Security 实战系列 开始。安全访问的第一步就是认证(Authentication),认证...

码农小胖哥
今天
11
0
JAVA 实现雪花算法生成唯一订单号工具类

import lombok.SneakyThrows;import lombok.extern.slf4j.Slf4j;import java.util.Calendar;/** * Default distributed primary key generator. * * <p> * Use snowflake......

huangkejie
昨天
12
0
PhotoShop 色调:RGB/CMYK 颜色模式

一·、 RGB : 三原色:红绿蓝 1.通道:通道中的红绿蓝通道分别对应的是红绿蓝三种原色(RGB)的显示范围 1.差值模式能模拟三种原色叠加之后的效果 2.添加-颜色曲线:调整图像RGB颜色----R色增强...

东方墨天
昨天
11
1
将博客搬至CSDN

将博客搬至CSDN

算法与编程之美
昨天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部