美文网首页我爱编程
Angular学习(一) Hello World

Angular学习(一) Hello World

作者: 枫叶_huazhe | 来源:发表于2017-08-28 12:11 被阅读0次

Angular-Cli 的安装与使用

1.node.js环境

需要有npm包管理工具,由于npm是国外资源,可能种种原因导致npm安装比较慢,这里我们采用淘宝的npm镜像

npm install cnpm -g --registry=https://registry.npm.taobao.org

然后采用cnpm安装angular-cli

cnpm install -g @angular/cli    ||  cnpm install -g @angular/cli@latest

安装完成之后,可以通过以下命名查看版本信息

ng version

2.创建angular项目

我们采用先创建项目,再用cpm下载模块的方式创建angular项目,这样速度比较快。

ng new my-app --skip install   通过后面这个参数,先不安装模块
cd my-app
cnpm install

然后启动

ng server   || ng serve --host 0.0.0.0 --port 4201  ||ng serve --port 4201

访问浏览器

localhost:4200

3.Cli常用指令

ng help 可以查看各种指令的信息API
ng new my-app 新建一个项目

参数分类 --dry-run 只把创建环节走一遍,不会产生任何文件之类。 --prefix

ng g component test 创建组件test

ng g service test -m src/app/app.module.ts  创建服务,并且在根module上注册

打包命令

ng build 
ng build -aot 预编译           压缩          2.9M
ng build -prod 生产环境     压缩          404k

4.helloworld

主页图.png 工程目录.png clipboard.png

相关文章

网友评论

    本文标题: Angular学习(一) Hello World

    本文链接:https://www.haomeiwen.com/subject/vanwdxtx.html