Angular安装问题

1、删除Angular CLI  (如果遇到Angular CLI版本不对等问题的时候再使用,一般不需要删除)

    npm cache clean --force;  npm uninstall -g @angular/cli;

2、版本对照图

3、安装

npm install -g @angular/cli@12.1.1

4、替換 http和https等 regHttp: any = /^h\S*fs/;
reg: any =  /^((ht|f)tps?:\/\/)?[\w-]+(\.[\w-]+)+:\d{1,5}\/?/;
filePath.replace(self.reg, self.url)
### 安装 Angular 框架及所需依赖 安装 Angular 框架需要先确保系统中已安装必要的开发工具和依赖项。以下是详细的安装步骤和所需的依赖: #### 1. 安装 Node.js 和 npm Angular 开发依赖于 Node.js 和 npm(Node 包管理器)。需要从 [Node.js 官方网站](https://nodejs.org/)下载并安装最新稳定版本。安装完成后,可以通过以下命令验证是否安装成功: ```bash node -v npm -v ``` #### 2. 安装 Angular CLI Angular CLI 是 Angular 的命令行工具,可以快速创建项目、生成代码以及执行构建等操作。通过 npm 安装 Angular CLI: ```bash npm install -g @angular/cli ``` 安装完成后,验证 Angular CLI 是否安装成功: ```bash ng version ``` #### 3. 创建 Angular 项目 使用 Angular CLI 创建新项目: ```bash ng new my-angular-app ``` 在创建过程中,CLI 会提示选择是否添加 Angular 路由以及选择样式表格式(如 CSS、SCSS 等)。选择合适的选项后,CLI 会自动创建项目结构并安装所需的依赖项。 #### 4. 进入项目目录并启动开发服务器 进入项目文件夹并启动本地开发服务器: ```bash cd my-angular-app ng serve ``` 默认情况下,开发服务器运行在 `http://localhost:4200/`,打开浏览器访问该地址即可查看初始 Angular 应用。 #### 5. 常见依赖项 在 Angular 项目中,通常会包含以下依赖项: - **TypeScript**:Angular 使用 TypeScript 作为开发语言,因此项目中会包含 TypeScript 编译器及相关类型定义。 - **RxJS**:Angular 广泛使用响应式编程库 RxJS 来处理异步操作。 - **Zone.js**:用于管理 Angular 应用中的变更检测。 - **核心库**:如 `@angular/core`、`@angular/common`、`@angular/platform-browser` 等,这些库是 Angular 运行的基础 [^2]。 此外,Angular CLI 会自动安装所有必要的依赖项,也可以通过 `package.json` 文件手动管理依赖。 #### 6. 添加额外依赖 如果需要添加其他依赖项,可以使用 npm 或 Angular CLI 进行安装。例如,安装 Angular Material: ```bash ng add @angular/material ``` Angular CLI 会自动处理依赖项的安装和配置。 --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值