react全家桶项目从零搭建

现在一般大家都知道像这种MV*、MVC、MVVM框架都不能缺少强大的nodeJS,本项目依赖nodeJS、npm/cnpm、yarn管理项目,依次执行以下代码:

//安装create-react-app脚手架
cnpm install -g create-react-app
//查看脚手架版本号 => 确认是否安装成功
create-react-app --version
//创建一个新的项目文件夹
create-react-app demo-items
//进入项目文件夹
cd demo-items
//启动项目  没有yarn管理工具的使用 npm/cnpm
yarn start

项目搭建、启动成功!
在这里插入图片描述
下面安装路由(react-router-dom)、ajax(axios)、less解析器(less-loader),依次执行以下代码:

//安装 路由、ajax、less解析
yarn add react-router-dom axios less-loader

安装成功后再package.json 中的dependencies 可以看到安装的东西,如下图:
在这里插入图片描述
到这一步操作整个react全家桶项目的搭建就算完成了,下篇文章介绍暴露webpack.config配置,并修改它。

猜你喜欢

转载自blog.csdn.net/qq_40524880/article/details/86606008
今日推荐