安装
$ npm install -g @angular/cli
(由于我最开始的NodeJS的版本为v8开头的版本,所以安装报错,查询的时候显示的是v8版本的还不能够支持angular,于是我就重新去官网下载了最新稳定的版本,安装angular成功。需要注意的无非就是NodeJS的版本问题了,要不然去查错得查老半天。)
使用
-
创建一个新的工作空间
有两种方法:-
$ ng new my-app(名称)
(这种方法会在创建项目的时候自动使用npm来安装依赖,花的时间会稍微长一点) -
$ ng new my-app --skip-install $ cd my-app $ cnpm install
(–skip-install是阻止npm安装依赖,这种方法是自己使用cnpm 来安装依赖,速度会稍微快一点)
-
-
启动项目
$ ng serve
启动的时候可以自定义端口
$ ng serve --port 4201(端口号)
-
在项目中生成文件(常用的两种)
- 组件类型:
$ng g component test(组件名称)
之后在app.component.html
文件中将组件引用进去即可
- 服务类型
- 组件类型:
-
打包
- 开发模式
$ ng build
预编译(渲染)(这种方式打包用时会稍微长一点)
$ ng build --aot(-aot都可以)
- 生产模式
$ ng build -prod
(* ^ - ^ *)就可以啦~
- 开发模式