UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #1 开始玩起来

冲啊 学啊!!!!

终于开始了

提几个点 比如 v4 版本的foot 变得更加不好修改了,i18n 如何关闭,动态菜单的如何配置, 配置了动态菜单之后如何设置第一个默认页面,

i18n可以考虑直接用官方提供的命令直接删除 npm run i18n-remove
国内的项目基本都用不上

删除之后就变这样了

最后把页面中引入的SelectLang组件删掉

官方在v2 版本做了一个开关的,所以觉得v4 版本应该也是有开关的吧

您可以设置一下反正我这边设置了,并且重新 start 页面右上角都还有 i18n 的选择.!

嗯，那到时再说吧

开关试过确实没用，全局搜索SelectLang找到引入这个组件的地方删掉，右上角的选项就没了

确实是的，那个 enable 开关是没用的，源码没任何体现

貌似删除官方命令改成了 yarn run uni18n ，https://github.com/ant-design/ant-design-pro/pull/4814

这个有些尴尬

https://github.com/ant-design/ant-design-pro/issues/4602

更新了最新的版本试了下，package.json文件里还是这个命令，查看源码里面好像也是这个，不知道他这个pr有没有进来

另外官方文档还是这个没变

还有一个方法是把ui层直接给搞了
我用过一个方法

windows yarn create umi 报错怎么回事。

你可以换个终端试下 cmder 或 git 的终端，好一些

我也是这个错误，你怎么解决的

我就 create-umi 将就着用了。。。。

好东西！！！！

umi最近版本有个功能插件的开发给我们出个教程呗

嗯嗯，后面计划

为什么ts这个不会报错，umi开发环境还是通过了。是不是要开启什么？

umi是编译ts就是不会报错的是吗？必须要配合vscode来编写吗

只是推荐用 vscode 的，别的也应该可以的

``
code --install-extension 74th.vimStyle
code --install-extension Atishay-Jain.All-Autocomplete
code --install-extension bajdzis.vscode-database
code --install-extension CoenraadS.bracket-pair-colorizer-2
code --install-extension DiamondYuan.umi-pro
code --install-extension dsznajder.es7-react-js-snippets
code --install-extension eamodio.gitlens
code --install-extension esbenp.prettier-vscode
code --install-extension formulahendry.auto-close-tag
code --install-extension formulahendry.auto-rename-tag
code --install-extension fosshaas.fontsize-shortcuts
code --install-extension huanent.fix-ctrl-space
code --install-extension kumar-harsh.graphql-for-vscode
code --install-extension overtrue.miniapp-helper
code --install-extension qiu8310.minapp-vscode
code --install-extension Shan.code-settings-sync
code --install-extension steoates.autoimport
code --install-extension TabNine.tabnine-vscode
code --install-extension wix.vscode-import-cost

这是我安装的插件，不过应该跟插件无关的

code --install-extension 74th.vimStyle
code --install-extension Atishay-Jain.All-Autocomplete
code --install-extension bajdzis.vscode-database
code --install-extension CoenraadS.bracket-pair-colorizer-2
code --install-extension DiamondYuan.umi-pro
code --install-extension dsznajder.es7-react-js-snippets
code --install-extension eamodio.gitlens
code --install-extension esbenp.prettier-vscode
code --install-extension formulahendry.auto-close-tag
code --install-extension formulahendry.auto-rename-tag
code --install-extension fosshaas.fontsize-shortcuts
code --install-extension huanent.fix-ctrl-space
code --install-extension kumar-harsh.graphql-for-vscode
code --install-extension overtrue.miniapp-helper
code --install-extension qiu8310.minapp-vscode
code --install-extension Shan.code-settings-sync
code --install-extension steoates.autoimport
code --install-extension TabNine.tabnine-vscode
code --install-extension wix.vscode-import-cost

请问你这个是vim插件吗？对了你的vim检查ts的插件叫什么

不是 vim 的呀，是 vscode ，vim 不适合写 ts，我觉得，所以学 ts 我没用 vim ，上面那个只是 vscode 的 vim 模拟器，因为我习惯了 vim 模式

vscode 的 vim 模拟器是什么推荐下好吗？我也习惯了vim

74th.vimStyle 这个呀 在插件里搜下 vim，找个喜欢的

打卡开始学习

怎么跳转到自己之前看的

个人中心里有个观看记录

这个课程是基于 antd pro v4 版本的吗？

是的 Ant design pro v4 & ant design v3

这个问题发这里估计不太合适，但找不到其它地方发了。
我想请问下的是 Ant design pro v4 主要提供了界面、菜单样式给我们，像通用的注册、登陆页面就不用我们再重复做了对吧。

不用写页面，不过还是要你套后端的，毕竟每个人的后端不同

2、像我需要一个页面，上面有添加、删除、编缉 用户，包括这个页面的展示，这些就需要自己从 Ant design 组件库里找适合的组件来导入，自己从0开始写这个页面了对吗？
还是说我理解错的，Pro基本都有半成品，改造就好？

2、像我需要一个页面，上面有添加、删除、编缉 用户，包括这个页面的展示，这些就需要自己从 Ant design 组件库里找适合的组件来导入，自己从0开始写这个页面了对吗？
还是说我理解错的，Pro基本都有半成品，改造就好？

有半成品，可以从组件库导入

那这样的思路就还是：你要什么页面，从Pro的区块上找接近的页面，然后下载，删掉不要的东西，再导入你想要的组件，组合新的页面。 如果区块上连半成品都没有，就下载个空页面，再自己一点一点导入组件组成页面是吗

嗯，是的

请问下，你这站内哪个视频是从Pro下载空页面，然后一块一块搭起来页面的教程？