美文网首页我爱编程
Angular CLI快速上手

Angular CLI快速上手

作者: Theon66 | 来源:发表于2018-01-21 21:29 被阅读0次

一、安装NodeJS

下载链接

使用node -v 和 npm -v来验证是否安装成功。

二、安装Angular CLI

使用nodeJS下的npm(node package manager)来下载安装Angular CLI。
npm install -g @angular/cli

三、创建新项目

ng new my-app

四、启动服务

进入my-app目录下,输入
ng serve --open

五、编辑Angular组件

在my-app/src/app文件夹下,编辑app.component.ts可修改内容。
编辑*.css文件则修改样式。

相关文章

  • Angular CLI快速上手

    一、安装NodeJS 下载链接 使用node -v 和 npm -v来验证是否安装成功。 二、安装Angular ...

  • angular2必备学习资料

    1,angular知识快速上手 https://angular.cn https://www.w3cschool....

  • 快速上手Angular4

    关键点 1.Angular介绍 2.Angular核心特性 3.Angular-CLI快速搭建项目 4.Angua...

  • angular文档——CLI-快速起步

    CLI 快速起步 使用 CLI 工具快速构建 Angular 应用。 相比手动的做一切事情,好的工具使应用开发更快...

  • Augular 相关链接汇总

    官网 Angular 英文网 Angular 中文网 Angular Cli 文档 Angular Cli (Gi...

  • 2019-07-06 Angular 4

    安装angular cli 新建项目 1.安装angular cli $npminstall-g@angular/...

  • Angular 11 中使用 Tailwind CSS

    新建Angular项目 使用Angular CLI[https://angular.cn/cli] 新建Angul...

  • Angular 脚手架

    快速创建项目: npm install -g @angular/cli ng new PROJECT-NAME c...

  • Angular 6

    如何安装 Angular 6 最快速简捷的方法是通过 Angular CLI ,即命令行窗口。 安装之前, 你需要...

  • Angular CLI

    一 Angular CLI 是啥 Angular CLI 是一个命令行接口(Angular Command ...

网友评论

    本文标题:Angular CLI快速上手

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