react和antd学习笔记 基于webstorm练习

概论

react是前端框架，antd是组件库。前端框架和组件库的区别与联系

nodejs

脚本语言需要一个解析器才能运行，JavaScript是脚本语言，在不同的位置有不一样的解析器，如写入html的js语言，浏览器是它的解析器角色。而对于需要独立运行的js，nodejs就是一个解析器。

npm

npm 是 Node Package Manager 的缩写，意思是 Nodejs 的包管理系统。安装了nodejs后，自动会安装npm。

npm源太慢，需要更换国内镜像

npm config set registry https://registry.npmmirror.com
//注意不要再用https://registry.npm.taobao.org ，已过期

新建项目

由webstorm新建项目，建议自己下载安装nodejs

webstorm用create-react-app脚手架快速构建出项目结构

项目目录结构

debug

启动工程

react学习

react快速入门

antd学习

react项目引入antd

在项目路径下使用命令：
npm install antd --save

若失败，两个解决办法：
一 npm config set registry https://registry.npmmirror.com
二 删除C:\Users{自己的账户}.npmrc文件

antd初步使用

APP.js中

import { Button } from 'antd';
function App() {
  return (
      <div className="App">
          <Button type="primary">Button</Button>
      </div>
  );
}
export default App;

发布

webstorm打包

在终端输入npm run build，webstorm自带的npm无效，需用自己下载的nodejs的npm

git

需自己下载git

后端

创建springboot项目

更改阿里云镜像

https://start.aliyun.com/