angular项目新建,打开以及组件新建

angular 同时被 2 个专栏收录
5 篇文章 0 订阅
7 篇文章 0 订阅

angular学习笔记(1)

angular项目新建,打开以及组件新建

(1)新建angular项目

以管理员身份运行cmd,切换至对应目录下,输入

 ng new  test-demo01(项目名)

新建项目

新建成功后显示
项目创建成功
在这里插入图片描述创建项目时,
Would you like to add Angular routing? Yes
这句是需要你选择是否创建路由。如果选择了no,后期需要创建路由的话,执行

ng generate module app-routing --flat --module=app

–flat 是指把这个文件放进了 src/app 中,而不是单独的目录中。–module=app 是用来告诉 CLI 把它注册到 AppModule的 imports 数组中。
之后修改路由文件

import {RouterModule, Routes} from "@angular/router";
const routes:Routes=[
];

Which stylesheet format would you like to use? SCSS [ https://sass-lang.com/documentation/syntax#scss
这句是提醒你选择样式。一般选用scss

(2) 打开angular项目

打开vscode,左上角选择file-Open Folder或者ctrl+o选择相应项目打开。
项目结构

(3)新建组件

【Ctrl+`】 打开VSCode上的终端控制台,终端默认进入了当前项目路径。使用 Angular CLI 创建一个名为 users的新组件。在控制台输入

ng generate component users

创建成功后
组件创建成功
项目结构新增
新增组件
创建的组件会自动添加到app.module.ts中
app.module.ts

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值