搭建一个React-redux-router + antd项目(一)初始化项目

直接进入正题。
先用brew安装 Node(点此自行安装Homebrew)。

brew install node

安装淘宝镜像,网速自信的可以跳过此步

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

建议安装yarn,当然是用npm完全没问题。不需要的直接跳过接下来的两步

npm install -g yarn

安装完yarn也最好设置镜像

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

初始化create-react-app,cd到自己的项目路径下:

npm install create-react-app yarn -g    // 使用yarn安装 create-react-app
npm isntall -g create-react-app         // 也可以使用npm直接安装
create-react-app --version              // 查看create-react-app版本
create-react-app my-app                 // 用create-react-app 创建一个名叫my-app项目

这时候已经创建好一个叫 my-app 的项目了。(也可以使用npx直接创建)

npx create-react-app my-app

注意这里的 npx 并非拼写错误,它是npm 5.2以上版本附带的一个包运行器工具。

安装好以后 start 就可以看到一个react 项目

cd my-app 
yran start     // 或npm start 

搭建一个React-redux-router + antd项目(二)安装 redux、router、axios和antd
搭建一个React-redux-router + antd项目(三)使用路由
搭建一个React-redux-router + antd项目(四)redux初始
搭建一个React-redux-router + antd项目(五)用action更新store
搭建一个React-redux-router + antd项目(六)用 redux-persist 实现数据持久化

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。