React学习笔记八：脚手架搭建项目、添加sass、和ui框架antd

项目创建

npx create-react-app my-app
cd my-app
npm start

创建项目如果出现info There appears to be trouble with your network connection. Retrying...可以修改成淘宝源

#查看代理
yarn config list
#删除代理
yarn config delete proxy
npm config rm proxy
npm config rm https-proxy
#安装好后更换淘宝镜像
yarn config set registry https://registry.npm.taobao.org

添加sass

sass分为node-sass和dart-sass，node-sass是以前用的比较多的，但是安装依赖的时候由于墙的原因经常会出问题，这里我使用dart-sass它是sass的一个新版本而且不会出现以前安装不上依赖的问题。

yarn add sass sass-loader -S

就添加依赖就可以了不需要添加配置文件，脚手架内部已经添加了配置

添加UI框架

yarn add antd --save

index.js中添加css

import "antd/dist/antd.css";

页面中使用

import { Button, Input, notification } from "antd";


<Button >测试按钮</Button>