NiceFish（美人鱼）

NiceFish 是一个系列教学项目，目标是全面示范 Angular 在浏览器、移动端、Electron 环境中的用法。

• NiceFish：美人鱼，这是一个微型 Blog 系统，前端基于 Angular 4.x + PrimeNG。http://git.oschina.net/mumu-osc/NiceFish/

• NiceFish-Admin：这是系统管理界面，基于 Angular 4.x+PrimeNG，http://git.oschina.net/mumu-osc/NiceFish-Admin

• NiceFish-ionic：这是一个移动端的 demo，基于 ionic，此项目已支持 PWA。http://git.oschina.net/mumu-osc/nicefish-ionic

• NiceBlogElectron：https://github.com/damoqiongqiu/NiceBlogElectron ,这是一个基于 Electron 的桌面端项目，把 NiceFish 用 Electron 打包成了一个桌面端运行的程序。这是由 ZTE 中兴通讯的前端道友提供的，我 fork 了一个，有几个 node 模块的版本号老要改，如果您正在研究如何利用 Electron 开发桌面端应用，请参考这个项目。

产品代码

OpenWMS 是一个开源产品，复杂度比 NiceFish 高，请不要用此项目进行入门学习。

• OpenWMS：https://gitee.com/mumu-osc/OpenWMS-Frontend ，这是 OpenWMS 项目的前端代码，基于当前最新的 Angular 5.2.0 和 PrimeNG 5.2.4。

在线演示

NiceFish: http://47.104.13.149:4200

NiceFish-Admin: http://47.104.13.149:8080

OpenWMS：http://47.104.80.251:4200

NiceFish-ionic：https://damoqiongqiu.github.io/NiceFish-ionic/

本项目运行效果

用法

for THIS_REPO
git clone YOUR_REPO
cd nicefish-ionic
cnpm install -g cordova ionic
cnpm install
ionic serve

打开你的浏览器访问http://localhost:8100/

构建

npm run ionic:build --prod

PWA 支持

打开你的 safari 浏览器或者 chrome 浏览器，访问https://damoqiongqiu.github.io/NiceFish-ionic/

然后选择“添加到主屏幕”，就像这样：

然后你就可以看到应用图标出现在手机的主屏幕上了，就像这样：

Windows 10 也已经支持 PWA 应用，当你在 Chrome 的菜单里面选择把这个应用“添加到主屏幕”之后，你就可以看到这样的结果：

在 Linux 上是这样的：

iOS 版本需要大于 11.3，Windows 10 需要升级到最新的更新包，你会发现，利用 Angular 开发跨平台的 PWA 应用竟然如此简单！

在线交流 QQ 群

Angular-1 区-丝绸之路:286047042（满）

Angular-2 区-敦煌:139357161（满）

Angular-3 区-玉门关:473129930（满）

Angular-4 区-河西走廊:483016484（满）

Angular-5 区-楼兰:604253120（将满）

Angular-6 区-凉州:124641447（将满）

脚本娃娃-桃花岛-83163037（将满）

如果您有 Angular 相关的问题需要讨论，或者单纯想跟我 Say Hello，请加上面几个扣扣群。注意，我每天都会收到大量的求助消息，真的有点忙，所以请您优先在扣扣群里面讨论问题。

学习资源和视频教程

大漠演讲中的所有 PPT 已经本项目对应的资料都在这里，您可以随意使用，https://gitee.com/mumu-osc/NiceFish/attach_files 。

如果您需要教程，请自己来这里查看，http://www.ngfans.net/ ，有视频也有文字，有免费版本也有收费版，您自己看着选。

开源许可证

MIT

你可以随意使用此项目，无需通知我，因为我可能很忙没空搭理你。