网站外链查询,东营高端网站建设,网站代理软件,商务网页设计与制作答案作者#xff1a;baekpcyyy#x1f41f;
1.安装node.js
注#xff1a;安装 16.0 或更高版本的 Node.js node官网#xff1a;https://nodejs.org/en
2.进入angular官网
https://angular.cn/guide/setup-local 新建一个文件夹 vsc打开 打开终端
1.首先安装angular手脚架…作者baekpcyyy
1.安装node.js
注安装 16.0 或更高版本的 Node.js node官网https://nodejs.org/en
2.进入angular官网
https://angular.cn/guide/setup-local 新建一个文件夹 vsc打开 打开终端
1.首先安装angular手脚架 2.然后执行命令创建工作区 等待这个instant完成 这时我们就等于创建了一个angular项目现在我们给这个项目加上NG-ZORRO组件库
3.首先进入NG-ZORRO官网
https://ng.ant.design/docs/i18n/zh
执行这个命令之前我们进入创建项目的文件夹下 然后执行此命令安装组件库 choose template to create projectblank 创建一个空的页面 第二个选项创建的是有侧边栏的选项 等待下载完成后我们启动这个项目 复制链接进入浏览器生成这样的页面说明组件库初始化配置成功 然后我们开始安装组件执行如下代码 此时我们已经将组件库引入 然后我们在angular.json引入相关的样式文件 接下来我们继续引入相关文件 #4.通过命令行创建组件 ng g c 组件名 然后我们删除里面初始的内容在app.component.html将新建的组件引入 在app.component.ts将组件倒入 现在我们启动项目就可以看见自己通过命令行创建的组件已经在页面渲染 现在我们在这个组件内引入组件库的button进行尝试 将我圈出来的分别写到对应的模块 下面是页面渲染出来的结果
