[TOC]
- 请安装 node.js 以及 npm
- 网上有教程,请使用最新版,并且一定要添加到环境变量中,不添加后面就毁灭。
- 在 ClientApp 内运行 npm install
- 我猜它会直接打开浏览器(请前端同学使用Chrome或者Firefox,据说前端都用这两个)
- 没自动打开可以先试一下在浏览器中输入 localhost:3000
- 如果报错,请先输入 npm install 然后再 npm start ,再不行自杀
- 关闭浏览器,但是不要关闭控制台(一直都不用关),启动后端。
- 我们做了代理设置,在第二步中弹出的页面是 3000 端口的,但是后端监听 5001 端口,所以先关闭浏览器,在后端开启之后 VS 会帮你打开浏览器。
- 按那个绿色的三角形😂
前端使用React ,使用 Bulma 作为 css 库。因此前端同学可以自己做出选择,既可以做React,也可以做Bulma。React负责对是数据层(js里面的数据)和表现层(页面的东西,比如按钮标题什么的)的一致性,它相对复杂一点,但是可能对得分没什么用;Bulma负责的是做出漂亮的按钮和标题等等,负责做这个相对轻松一点,而且是得分的核心。
⚠️ 我们现在时间还早,同学们如果看到有喜欢的css库的话,我们可以用它来取代Bulma,只要它是好看的。Ant Design入选备胎,阿里的库,听说还可以。
群文件中有React以及Bulma的PDF,React的官方文档可以使得我们更快入门。
再一次的:学习React所需要的时间与精力会远大于Bulma或者其他任何css的库,例如bootstrap以及materialize(这两个比Bulma难一点好像),当然React的难度会小于后端。然而我们不得不承认,它们对于项目效果的贡献却正好相反。我们要理智选择👍)