框架-angular--cli
一:Angular-CL安装:
- npm install -g @angular/cli (npm install -g angular-cli(老版本))
- ng --version
- ng help
- ng new my-project
- ng serve (ng serve --prod --aot自动压缩和编译代码体积会更少)(http://localhost:4200/) (ng serve --o,使用
--open
(或-o
)参数可以自动打开浏览器并访问http://localhost:4200/
) - ng build (ng build --prod --aot)编译生成最终的代码会生成一个dist文件夹
-
ng build
构建工件将存储在
/dist
目录中。ng build可以指定构建目标(--target = production或--target = development)和要与该构建一起使用的环境文件(--environment = dev或--environment = prod)。 默认情况下,使用开发构建目标和环境。
# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod # 这是开发构建 ng build --target=development --environment=dev ng build --dev --e=dev ng build --dev ng build
命令:ng generate,命令有简化版本如:ng g c User
cl:class
c:component
d:directive
e:enum
m:module
p:pipe
s:service
webpack搭建项目不用angular-cli可以参考:https://github.com/kunl/Angular-webpack-AOT,webpack具体详细的用法可以参考https://my.oschina.net/mumu/blog