打开终端,确定在系统上已经安装了 Node.js 以后,先进入到你想要存储项目的地方,比如进入到桌面上,然后可以新建一个空白的目录,名字可以是 ninghao-antd ,进入到新创建的这个目录的下面。
可以执行一下 npm create umi,使用 umi 这个东西去创建一个 React 项目。umi 是一个企业级的 React 应用框架,跟 Next.js 有点像。
选择一下要创建的项目的模板,这里可以选择 app ,是否要使用 Typescript,输入 y ,确定使用。
又会提示要在项目里使用哪些功能,按空格可以选择,这里选择所有的功能 antd,dva,code splitting,dll 还有 internationalization
执行 npm install ,安装一下项目依赖的东西,npm 会根据项目里的 package.json 文件里的描述安装项目需要的所有的依赖。
安装完成以后,用编辑器打开项目,这里我用的是 VSCode 编辑器。
再回到终端,可以运行一下项目的开发服务,执行 npm run start,实际上这个命令真正运行的是 umi dev 这个命令。
复制一下这个开发服务的地址,打开浏览器,访问一下这个地址。
现在你看到的是会是一个欢迎界面。