用户登录

打开终端,确定在系统上已经安装了 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 这个命令。

复制一下这个开发服务的地址,打开浏览器,访问一下这个地址。

现在你看到的是会是一个欢迎界面。

创建 Ant Design 项目《 React:Ant Design 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点