主要介绍安装node环境和react环境依赖安装
- node环境安装
1,官网下载node安装包。安装完成后可以通过以下命令查询安装版本号node -v
,只要安装成功便会自动安装npm
依赖包管理工具。
yarn
也是和npm
类似的工具 ,通过npm i yarn -g
,其实,npm
类似于Java中的maven
工具。
注:如果安装遇到问题,就在命令行执行清除
npm
缓存的命令npm cache clean -f
,目前开发版node最低要求8.9以上版本,及时升级node环境,依次执行以下2个命令npm install -g n
和n stable
即可完成升级。
-
react环境搭建
1,命令行工具执行npm i react create-react-app -g
安装react和快速构建项目的create-react-app
的2个工具。
2,然后执行创建项目create-react-app projectname
3,打开新创建的项目目录cd projectname
4,执行启动项目的命令npm start
如果是从码云clone下来的项目,需要本地安装相关依赖:npm install
安装依赖后方可成功启动项目。 -
项目中需要的依赖插件列表
1,UI框架是蚂蚁金服的Antdyarn add antd
ornpm i antd -s
2,数据交互工具axios
安装执行:yarn add axios
ornpm i axios -s
3,路由管理 安装执行:yarn add react-router react-router-dom
4, 状态管理器redux
执行:yarn add redux react-redux redux-thunk
5, @符号装饰器yarn add babel-plugin-transform-decorators-legacy --dev
6,按需加载插件yarn add babel-plugin-import
…
未完待续