美文网首页前端二三事
react学习初步之脚手架搭建

react学习初步之脚手架搭建

作者: 只是为了一个梦想 | 来源:发表于2016-08-20 19:40 被阅读4459次

       前端自动化的如今,学习react、它与很多其他框架搭配,导致入门的我,不晓得如何把这个环境搭建起来,今天在慕课网学习了下,特来记录下这个学习过程,以便自己以后回忆。

1、安装node环境(一般能了解到react的,电脑都已经装了node)

2、安装yo

npm install -g yo

是否安装成功   yo --version

3、打开yeoman.io查找相关脚手架的github目录、(比如react)

4、我们选择最流行的react+webpack,点击到github地址

  运行npm install -g generator-react-webpack安装,查看generator是否安装成功

npm ls -g --death=1 2>dev/null  |  grep generator-

列出所有的已安装npm包

5、登录github、新建项目、项目选项MIT Listen、然后clone到本地,就可以开始react之旅了

6、clone到本地后,cd进入本地文件夹,git bash执行

yo react-webpack 项目文件夹名

相关文章

  • react学习初步之脚手架搭建

    前端自动化的如今,学习react、它与很多其他框架搭配,导致入门的我,不晓得如何把这个环境搭建起来,今天在慕...

  • react学习笔记二----nodejs服务器搭建及异常处理

    承接部分 react学习笔记一-----react前端框架的初步搭建 说明 本次学习笔记可能和react没有关系,...

  • react

    React初步 一、React是什么: 相关文档: 运行一个react程序 安装react脚手架npm insta...

  • 2019-11-15

    react 搭建脚手架 1、npm install -g create-react-app create-...

  • react 生命周期

    脚手架迅速搭建项目 npm install -g create-react-appcreate-react-app...

  • spring boot + mybatis + react

    经过几天的学习已经完成 spring boot + mybatis + react的脚手架的搭建,可以供大家学习。...

  • react 项目搭建

    一、项目搭建 1、安装react脚手架 npm install create-react-app -g 2、...

  • 2018-09-17 react学习(-)

    学习路径-官网: http://react.css88.com/ 环境搭建命令:(全局安装官方脚手架)npm i ...

  • react项目集成typescript

    一.新react项目中集成ts 脚手架搭建 搭建项目npx create-react-app my-app --t...

  • React从入门到开发

    搭建程序 安装官方脚手架:$ npm install -g create-react-app 快速创建React单...

网友评论

    本文标题:react学习初步之脚手架搭建

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