用了一下 angular,本来想搭建一个脚手架 ng-zorro-ant-template,但是一开始搭环境,就各种问题,让我失去了兴趣。初体验非常糟糕。但,还是要硬刚,搞定它。
git clone [email protected]:lianmt/ng-zorro-antd-template.git
cd ng-zorro-antd-template
ng serve
gitee 仓库
[email protected]:lianmt/ng-zorro-antd-template.git
1、 根据官网,安装 angular
npm install -g @angular/cli
angular/cli 是 @12.2.10,但是 angular 却不是最高版本。
但是 ng-zorro 框架,要求 Angular ^12.0.0。
于是我要升级 angular。直接安装不成功,要清缓存,mac 缓存又清不了,又一个坑···
提示需要升级 npm 到 8.1.0。 2、
更新 npm,发现 npm -v
版本还是没有改变。
一查,有两个 npm 版本,安装 nodejs 时,自带一个版本,新安装的 npm 又一个版本。但前者优先级更高。
3、
没办法,卸载 nodejs,重新下载 nodejs。
参考链接:Mac nodejs卸载、安装
4、
发现,新下载的 npm 版本,也不是最新版本。
而且,angular 出现异常 ng: command not found
,npm link @angular/cli
无效···
好麻烦,浪费时间,我不想搞了。
angular-cli 应该是一个打包服务,但是却各种问题,连带电脑的环境都出现了问题,一开始用的体验,就非常糟糕,失去了兴趣,弃坑。
1、
之前我搭建过,成功跑起来了,但没装 ng-zorro。
之前使用的时候,还有一个低级的问题,起两个 angular,提示端口居然被占用,居然不是动态的···
2、
angular 的路由,不是抽象出来一个文件管理,而是放在目录树结构里。你新建一个目录,新建一个文件,同时新建一个路由,带着一起的。
3、
ng-zorro 有一个 ng-alain 框架,我 2018 年用过这个原型模板,功能非常完善,而且还除了商业原型模板,三四百这样。
1、
然而,不解决这个问题,心里也不爽,也担心删除 nodejs 会带来其它影响。
去他妈的 angular,还是要搞起来。
2、
again 卸载、重装、清缓存,无果。
一怒之下,把根目录的 npm、nodejs 隐藏文件,全删了。当然,要保存在另一个文件夹,避免出错。
more,nodejs 卸载、重装、清缓存。
ng 居然跑起来了,还是 [email protected]。
3、
安装 ng-zorro-antd,一切顺利。
发现,gitee 可以直接导入 github 仓库,添加仓库时有这个选项。
gitee 还有同步 github 代码的功能。在仓库名称右侧,点击刷新按钮即可。搞定。
Github:github.com/lianmt
Gitee:gitee.com/lianmt
This project was generated with Angular CLI version 12.2.10.
Run ng serve
for a dev server. Navigate to http://localhost:4200/
. The app will automatically reload if you change any of the source files.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module
.
Run ng build
to build the project. The build artifacts will be stored in the dist/
directory.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI Overview and Command Reference page.