美文网首页
React-cli 脚手架配置

React-cli 脚手架配置

作者: 骑码走天涯 | 来源:发表于2018-09-06 15:54 被阅读0次

React是目前前端流行三大框架之一,受捧程度跟Vue不分上下,跟Vue都是基于MVVM模式,迭代速度较慢,开发者上手容易,是中小型公司的不二选择。

一 先从安装环境开始

我们先去 https://nodejs.org/en/ 官网下载node.js安装包,直接下一步傻瓜式安装即可

Node.js官网下载

二 依赖包

安装后直接Ctrl + R 打开命令行, 输入node -v查看,npm工具也会随node一起自动安装,使用npm -v 查看。(这里需要说明下,因为在官网下载安装node.js后,就已经自带npm(包管理工具)了,另需要注意的是npm的版本最好是3.x.x以上,以免对后续产生影响。)

安装淘宝镜像cnmp,由于npm 安装太慢 所以使用cnmp。打开cmd,输入 npm install -g cnpm --registry= https://registry.npm.taobao.org 安装这里是因为我们用的npm的服务器是外国,可能我们安装“依赖”的时候很慢,所以就用cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v,出现相应的版本号说明安装成功

三 使用cnmp安装react

cnpm install -g create-react-app  全局安装

create-react-app demo01   创建项目工程 ( demo01 是项目名字,可以随便命名,不可以用大写字母)

cd demo01  切换项目工程

yarn start  运行项目

yarn eject 暴露隐藏配置可修改的文件 

cnpm install 加载 

yarn build 打包 

相关文章

网友评论

      本文标题:React-cli 脚手架配置

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