This action will force synchronization from 大漠穷秋/NiceFish, which will overwrite any changes that you have made since you forked the repository, and can not be recovered!!!
Synchronous operation will process in the background and will refresh the page when finishing processing. Please be patient.
打开终端,依次执行以下命令:
git clone https://gitee.com/mumu-osc/NiceFish.git
cd NiceFish
npm i -g @angular/cli
npm i
ng serve --open
打开浏览器,访问http://localhost:4200/
中文开发者:网络原因,推荐安装 nrm 来管理 npm 的 registry。
npm i -g nrm
nrm use cnpm
这时候用 npm 安装 node 模块就会使用 cnpm 提供的 registry 了。
注意:为了防止依赖冲突,本项目在 package.json 中锁定了所有 Node 模块版本,如有需要,您可以自己测试兼容版本号。
名称 | 描述 |
---|---|
NiceFish(美人鱼) | 这是一个系列项目,目标是示范前后端分离的开发模式:前端浏览器、移动端、Electron 环境中的各种开发模式。后端有两个版本:SpringBoot 版本和 SpringCloud 版本,Angular 版本的前端代码基于 Angular 8.0 + PrimeNG 7.1.0。http://git.oschina.net/mumu-osc/NiceFish/ |
nicefish-ionic | 这是一个移动端的 demo,基于 ionic,此项目已支持 PWA。http://git.oschina.net/mumu-osc/nicefish-ionic |
NiceBlogElectron | 这是一个基于 Electron 的桌面端项目,把 NiceFish 用 Electron 打包成了一个桌面端运行的程序。这是由 ZTE 中兴通讯的前端道友提供的,我 fork 了一个,有几个 node 模块的版本号老要改,如果您正在研究如何利用 Electron 开发桌面端应用,请参考这个项目,https://github.com/damoqiongqiu/NiceBlogElectron |
OpenWMS | 用来示范管理后台型系统的最佳实践,https://gitee.com/mumu-osc/OpenWMS-Frontend |
nicefish-springboot | 用来示范前后端分离模式下,前端代码与后端服务的对接方式,已经完成了基线版本,并且在腾讯云上面做了实际的部署。代码仓库在这里: https://gitee.com/mumu-osc/nicefish-spring-boot ,腾讯云上的演示地址在这里: http://118.25.136.164 ,以此为基础,你可以继续开发出适合自己业务场景的代码。 |
nicefish-springcloug | 用来示范前后端分离模式下,前端代码与分布式后端服务的对接方式,即将完成,代码最近放出。 |
以下是用 webpack-bundle-analyzer 分析打包之后的模块构成:
看起来CKEditor和ECharts占了很大的体积,需要做一下异步加载。
webpack-bundle-analyzer 使用方法:
以下是2018年录制的付费视频教程,现在已经过去了快2年,我把它公开出来,免费播放。虽然版本号不是最新的,但是核心的思路和用法基本相同,希望能帮助到有需要的人。
这是2018年录制的付费视频教程,现在已经过去了快2年,我把它公开出来,免费播放。虽然版本号不是最新的,但是核心的思路和用法基本相同,希望能帮助到有需要的人。
MIT