在上一家公司中参与了一个用户管理系统项目的建设,项目使用的是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
此文章未经本人允许,不得四处转载,谢谢。