大厂架构师经验分享，Angular-Cli脚手架介绍、安装并搭建项目，惊喜

最新推荐文章于 2024-08-11 16:18:11 发布
最新推荐文章于 2024-08-11 16:18:11 发布
阅读量368 收藏 5
点赞数 3
分类专栏： 2024年程序员学习 文章标签： 经验分享 angular.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76225520/article/details/137484777
版权
本文是资深架构师的经验分享，介绍了如何使用Angular-Cli搭建和配置项目，包括初始化、开发调试、构建部署、安装组件和引入样式。通过实例操作，指导开发者解决环境配置问题，提供前端开发技巧，并分享了个人的学习和职业发展经验，附带面试题和大厂资源。
摘要由CSDN通过智能技术生成

表示你本地node 和Angular 不复核, 根据提示下载低版本 node 12.14.0 别下载高版本的14.15

请添加图片描述

初始化配置#

进入项目文件夹，执行以下命令后将自动完成 ng-zorro-antd 的初始化配置，包括引入国际化文件，导入模块，引入样式文件等工作。

$ ng add ng-zorro-antd

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

开发者可以通过增加参数来完成个性化的初始化配置，例如国际化或者自定义主题等，详细可以参考 脚手架 部分。

开发调试#

一键启动调试，运行成功后显示欢迎页面。

$ ng serve --port 0 --open

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

使用web工具打开项目

我这里使用HBuilder来打开项目,其

最低0.47元/天 解锁文章
说又槐
关注
专栏目录
安装angular脚手架
HUMM
11-03 1228
angular
angular脚手架安装，详细过程
qq_45410570的博客
06-11 610
控制台cmd之后按 ctrl + shift + enter，进入管理员模式。使用npm安装有可能失败，所以建议使用cnpm淘宝的国内镜像。安装完成之后：查看npm和node版本确定是否安装成功。看安装成功的版本号：ｎｇ－version。安装最新的稳定版本，或者是公司使用版本。.js，直接默认就ok。
Angular-Cli脚手架介绍、安装并搭建项目
最新发布
2401_85834837的博客
08-11 533
大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】可能导致 CSS 的冗余。
安装angular脚手架，详细步骤。避免踩坑
weixin_53574739的博客
07-23 4101
** 安装angular脚手架，详细步骤。 前几天刚学完IT营大地老师讲的Angular框架，准备找个项目实战一下巩固基础， So……就来博客记录一下我踩过的坑吧~ 1安装node和npm npm install -g npm //更新npm至最新版本 2.设置淘宝镜像 npm config set registry https://registry.npm.taobao.org 3.安装 typescript和typings cnpm install -g typescript typings
【Angular】01安装与脚手架
学无止境
08-13 712
【Angular】01安装与脚手架
Angular2安装angular-cli
12-09
因为第一次用这个新框架做项目，不太熟悉，就找了angular-cli这个脚手架来搭建项目。 安装了好多次，看了好多博文，终于成功了。 依据本宝宝帮多位小伙伴安装成功的经验，现总结安装angular-cli过程如下： 1、...
Angular通过angular-cli来搭建web前端项目的方法
08-29
本文将详细介绍使用 angular-cli 搭建 web 前端项目的方法。 一、准备前提 在开始之前，需要已经搭建好 angular-cli 环境，如果还未搭建好的请参见相关教程。 二、新建项目 1. 新建一个文件夹，用于存放所有使用...
angular-cli.json
04-26
Netty的现Tech Lead Norman在本书中循序渐进地讲解了Netty的各个关键部分，在看完本书后，你不但可以熟练地使用Netty来构建以上系统，并且还可以避免很多常见的陷阱。 　无论是想要学习Spring 5 、Spark、Cassandra...
Angular-angular-cli.zip
09-18
Angular-angular-cli.zip,用于angularangular cli的cli工具,Angularjs于2016年发布，是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的依赖注入。angular的设计目的是全面解决开发人员的web应用程序工作...
Angular CLI脚手架的搭建 "@angular/cli": "~7.3.6"
人间草木
03-15 1461
*****先要安装node.js，使用npm包管理工具 node.js安装方法如下***** https://blog.csdn.net/shiyaru1314/article/details/54963027 https://blog.csdn.net/qq_42564846/article/details/82688266 大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里...
angular脚手架的使用
my_love_download的博客
08-23 519
1.先安装node.js(v8.)和npm(v5.) 在cmd中使用node -v 和 npm -v ,来检测是否安装成功 2.安装淘宝镜像 npm config setregistryhttps://registry.npm.taobao.org 3.安装脚手架 npm install @angular/cli –g 使用ng -v来检测是否安装成功 4.删除脚手架 ...
angular快速开发之脚手架搭建
追梦猪的博客
10-11 336
1. 检查电脑是否安装在cmd中输入（请先在终端/控制台窗口中运行命令 node-v 和 npm-v， 来验证一下你正在运行node 8.x 和npm 5.x 以上的版本。 更老的版本可能会出现错误，更新的版本则没问题。）node版本号node–v npm版...
Node.js安装配置及Angular CLI的安装
Lam's IT Story
02-20 1700
Node JS安装和配置
现今最详细的angular开发环境配置全套教程
热门推荐
桂云帆的博客
04-18 3万+
第一步、安装node.js1.需要下载的文件路径：https://nodejs.org/en/download/2.安装nodejs:3.验证node.js4.npm安装以及验证：npm的安装。由于新版的NodeJS已经集成了npm，所以之前npm也一并安装好了。同样可以使用cmd命令行输入"npm -v"来测试是否成功安装5.配置npm全局路径存放位置以及cache的路径：例如：我希望将以上两个...
Angular CLI 终极指南
lijunxian0114的专栏
01-05 476
Angular CLI 终极指南 angular2  angular.js   semlinker 2017年06月14日发布 赞  |   11 收藏  |  44 9k 次浏览 建了个群有兴趣的朋友可以加一下 QQ 群：Angular 修仙之路(1)群 - 153742079 (已满)，请加 Ang
Angular CLI简介
天马3798
11-29 6115
一、简介 Angular CLI用于简单，快速构建Angular2项目，只要掌握几行命令就能扣减前端架构。依赖于NodeJs和npm。 Git 源代码地址：https://github.com/angular/angular-cli AngularCLI主要特性 1 Angular CLI 可以快速搭建框架，创建module，service，class，directive等； 2 具有w
【Angular】CLI命令总结
汤圆小丸叽的博客
03-09 481
新建路由：ng generate module 路由模块名 --flat（放入src/app） --module=app（注册到AppModule的imports数组）安装内存web api：npm install angular-in-memory -web-api --save。新建带有0路由模块的组件名：ng g module 组件名 --routing。新建组件（不加spec.ts）：ng g c 组件名 --no-spec。新建组件（不加新文件夹）： ng g c 组件名 --flat。
Angular项目中添加全局样式ng-zorro
Delicia_Lani的博客
01-05 3518
自己在创建angular项目的时候，使用ng-zorro UI组件库，遇到安装之后，不生效的问题，是没有正确引入，其实官方文档也提到了。 官网地址：https://ng.ant.design/docs/getting-started/zh 1. 安装脚手架工具# 使用@angular/cli前，务必确认Node.js已经升级到 v12.1 或以上，强烈建议升级至最新版本的@ang...
使用angular-cli搭建Angular Web前端项目教程
11 引入外部库：Angular项目可以通过`package.json`管理依赖，使用`npm install libraryName --save`安装所需库。之后在`app.module.ts`的`imports`数组中导入库的模块。 12 测试：Angular提供了一套完整的测试框架...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值