1：搭建next开发环境
npx create-next-app blog 复制代码
2：进入blog目录
cd blog 复制代码
3：使用yarn测试
yarn dev 复制代码
如果能够进入到下面的界面，说明前三步已经成功了！
4：加载antd
yarn add antd 复制代码
5：在pages目录下建立_app.js文件，并写入下列内容
import App from 'next/app' import 'antd/dist/antd.css' export default App 复制代码
6：引入Button组件
import React from 'react' import Head from 'next/head' import {Button} from 'antd' const Home = () => ( <> <Head> <title>Home</title> </Head> <div><Button>我是按钮</Button></div> </> ) export default Home 复制代码
7：测试实现效果
出现下面的效果，表示前台环境搭建成功！
