Angular学习之路(一)
1. Angular介绍
Angular 是谷歌开发的一款开源的 web 前端框架,诞生于 2009 年,由 Misko Hevery 等
人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当
中。
根据项目数统计 angular(1.x 、2.x 、4.x、5.x、6.x、7.x 、8.x、9.x)是现在网上使用
量最大的框架。
Angular 基于 TypeScript 和 react、vue 相比 Angular 更适合中大型企业级项目。
2. Angular 环境搭建
- 安装前准备工作
安装nodejs
安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 使用 npm/cnpm 命令安装 angular/cli (只需要安装一次)
npm install -g @angular/cli
或者 cnpm install -g @angular/cli
或者 yarn global
3. Angular 创建项目
- 打开命令行工具找到你要创建项目的目录
- 创建项目
ng new 项目名称
如果要跳过 npm i 安装
ng new 项目名称 --skip-inst
- 运行项目
ng serve --open
4. Angular 环境搭建以及创建项目的时候可能遇到的错误
1、npm 安装 angular/cli 失败
解决方案:用 cnpm 安装
2、创建项目 npm i 的时候失败
解决方案 1:ctrl+c 结束项目,cd 到项目里面,用 cnpm i 安装依赖
解决方案 2:创建项目的时候 --skip-instal
3、创建项目后用 npm i 或者 cnpm i 后项目没法运行
解决方案:
用 yarn 替代 cnpm 和 npm
1: cnpm instal @angular/cli (我的 npm 会报错);
2: ng new 的时候阻止自动安装 ng
ng new my-app --skip-install
3: 安装 yarn npm install -g yarn / cnpm install -g yarn
4: 进入目录 my-app 使用 yarn 安装 ng 所依赖的包 yarn
注意:yarn 命令 等同于 npm install / cnpm install 使用 yarn 前提是先安装 yarn , 安装使用 cnpm install -g yarn 就可以安装
本文作者:小阿紫
本文链接:https://www.cnblogs.com/chenzilong/p/16105246.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步