码迷,mamicode.com
首页 > 系统相关 > 详细

Angular 学习 mac 电脑

时间:2018-03-10 11:48:31      阅读:739      评论:0      收藏:0      [点我收藏+]

标签:image   版本   依赖   app   方法   cli   控制器   .com   web应用   

1 Angular 编程软件: webstorm

2 Angular 环境搭建 Nodejs, Angular CLI,WebStorm

   nodejs 安装完之后 npm -v 可以看到nodejs 的版本

   sudo npm install -g @angular/cli    (安装angular 命令行工具)

    ng -v (查看angular 命令行工具版本)

3 angular 项目文件解释

   angular-cli.json 命令行工具配置文件,引用第三方包(boostrap,jquery)要修改这个文件

   package.json     应用的第三方依赖包

  karma.conf.js protractor.conf.js 是用来作自动化测试的配置文件

  tslint.json 代码质量检查

   app 文件夹 我们写的代码都要放在这个文件夹里

   assets 放图片等网站相关资源

   enviroments 多环境开发支持配置

   index.html 整个应用的根html, 系统启动用的文件

   main.ts 整个web应用脚本的入口点

   polyfill.ts 导入一些库 让angular 可以在老版本的浏览器可以运行

   test.ts 用来做自动化测试  

4 angular 的component 三要素,组件必备三要素

  @component() 装饰器, Template 模板,controller 控制器

  控制器包含组件的所有属性和方法 并把数据绑定在模板上

 技术分享图片

 5 angular 项目的启动

    代码格式化 option+alt+l

     ng serve 

      创建组件 ng g component xxx

      创建服务 ng g service

     然后打开 http://localhost:4200

     Control+c stop terminal

Angular 学习 mac 电脑

标签:image   版本   依赖   app   方法   cli   控制器   .com   web应用   

原文地址:https://www.cnblogs.com/hudasm/p/8537339.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!