angular7的坑

在上一家公司中参与了一个用户管理系统项目的建设，项目使用的是angular7+ng-zorro-antd框架构建的，采用的是前后端分离的工作模式。

然而，对于楼主这样只学过Vue框架的人来说，第一次接触构建好的angular项目真的是一脸懵，虽然说基本的跟Vue构建好的项目差不多，也是component放组件，但是细节也太不同了吧，看下图:

图片

整个目录的大概结构，细节部分就不透露了，依赖是node_modules，src文件夹才是放代码的地方。

给正在学angular的人一个忠告，最好使用Mac进行项目开发吧，不然会出现各种各样奇奇怪怪的问题，毕竟楼主是踩过这些坑的人（使用windows信仰本的楼主）。

好了，开始介绍如何安装angular吧：

首先，angular的启动时依赖node.js的环境的，所以必须先装node.js，这个不用多说，直接去node.js官网下安装下一步即可。

然后是全局安装angular-cli：

npm install -g @angular/cli

angular创建项目：

ng new 项目名

安装过程中系统会自动使用npm来安装所需要的依赖，如果觉得太慢，直接Ctrl+C取消掉，然后cd到你这个项目的文件夹进行cnpm i，使用淘宝镜像安装。

angular启动项目：

ng serve

angular打包项目

ng build

angular命令查询

ng -help

图片

此文章未经本人允许，不得四处转载，谢谢。