安装的巴拉巴拉

226 阅读1分钟

安装node

直接下载

全局安装 create-react-app

npm install -g create-react-app

image.png

安装express

在文件夹外安装

npm init --yes npm i express

安装nodemon

npm install -g nodemon

image.png

在编译器中无法使用 显示无法打开文件

image.png

用管理员打开cmd

输入set-ExecutionPolocy RemoteSigned

image.png

axios安装json-server

image.png

在文件夹目录下 输入指令 nom install -g json-server

image.png

在文件夹加下创建db.json

image.png

复制代码添加进去

image.png

打开服务

json-server --watch db.json

image.png

生成三个url 分别是对文件中三个的资源的访问

安装axios的五种方法

image.png

项目中使用第一个第三个

学习中时候后两个cdn方式 作为引入

安装pubsub

yarn add pubsub-js

image.png

打开服务器

image.png

安装 react-router-dom

yarn add react-router-dom

image.png

安装 antd

蚂蚁金服的ui框架

yarn add antd image.png

安装redux

yarn add redux

安装redux-thunk

yarn add redux-thunk

在redux异步任务中延迟的动作不想交给组件自身 想交给action 需要中间件

image.png

安装react-redux

yarn add react-redux

安装yarn-add-nanoid

可以生成一个随机且唯一的id

image.png

调用完引入

有外网时使用的插件

image.png

或者使用已压缩的扩展程序完成

image.png

需要配合这个库使用

全局安装 serve 库

可以方便快捷制定一个文件夹 创建服务器

image.png

npm i serve -g

使用时 在所需文件夹下输入指令 serve

image.png

快速创建服务器