参考文档：https://jspang.com/detailed?id=52


1：搭建next开发环境

npx create-next-app blog

2：进入blog目录

cd blog

3：使用yarn测试

yarn dev


如果能够进入到下面的界面，说明前三步已经成功了！


搭建next前台开发环境并引入antd_环境搭建

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：测试实现效果


出现下面的效果，表示前台环境搭建成功！


搭建next前台开发环境并引入antd_参考文档_02