Angular 介绍、安装 Angular Cli、创建 运行 Angular 项目
1.什么是Angular
Angualr 是一款来自谷歌的开源的 web 前端框架,诞生于 2009 年,由 Misko Hevery 等 人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当 中。 Angualr 是现在网上使用量最大的框架。Angualr 基于 TypeScript 和 react、vue 相比 Angular 更适合中大型企业级项目。
2.学习angular的基础
必备基础:HTML、CSS 、JavaScript、ES6
3.Angular 环境搭建
- 安装node.js
- 安装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
4.Angular创建项目
- 打开命令行工具找到你要创建项目的目录
- 输入
ng new 项目名称
- 运行项目
cd 项目名
ng serve --open
5.Angular 环境搭建以及创建项目的时候 可能遇到的错误
- npm 安装 angular/cli 失败
解决方案:使用cnpm安装 - 创建项目 npm i 的时候失败
解决方案 1:ctrl+c 结束项目,cd 到项目里面,用 cnpm i 安装依赖
解决方案 2:创建项目的时候 --skip-install
- 创建项目后用 npm i 或者 cnpm i 后项目没法运行
解决方案:用 yarn 替代 cnpm 和 npm
1 cnpm instal @angular/cli (我的 npm 会报错);
2 ng new 的时候阻止自动安装 ng 包,只创建 ng 目录
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 就可以安装
Angular 介绍、安装 Angular Cli、创建 运行 Angular 项目相关推荐
- Visual Studio 2019 安装并创建运行C++项目
Visual Studio 2019 安装并创建运行C++项目 一.安装Visual Studio 2019 在官网下载社区版本的VS2019: https://visualstudio.micros ...
- 创建python虚拟环境,安装django,创建一个django项目,在项目中创建一个应用(ubuntu16.04)...
一.创建python虚拟环境 首先,为什么要创建python的虚拟环境? 因为,在实际的项目开发中,每个项目使用的框架库并不一样,或使用框架的版本不一样,这样需要 我们根据需求不断的更新或卸载相应的库 ...
- python虚拟环境中安装diango_创建python虚拟环境,安装django,创建一个django项目,在项目中创建一个应用(ubuntu16.04)...
一.创建python虚拟环境 首先,为什么要创建python的虚拟环境? 因为,在实际的项目开发中,每个项目使用的框架库并不一样,或使用框架的版本不一样,这样需要 我们根据需求不断的更新或卸载相应的库 ...
- Ubuntu16.04LTS安装XMind8并创建运行图标
Ubuntu16.04LTS安装 XMIND8 Pro 声明一下,我的桌面是gnome3.8的 1. 下载安装包http://www.xmind.net/download/linux/ 2. 解压.z ...
- Linux从安装完系统到运行springboot项目(ubuntu)
个人笔记,仅供参考. 1.配置jdk (1)下载官方的jdk,我下载的是jdk1.8.0_161,官网Java Downloads | Oracle 进入官网后下拉到java8下载,将所需的jdk下载 ...
- vue cli创建vue3.0项目步骤
1.安装node.js(node.js下载地址) 2. 全局安装vue-cli最新版本 npm install -g @vue/cli 安装成功后,可以通过 vue -V 查看下载的@vue/cli版 ...
- 混合开发入门,java jdk和android sdk安装配置+模拟器安装配置+android studio运行起项目--windows电脑
首先分享我安装配置过程中遇到的问题,如果你也遇到了,那么跟着我的安装步骤,或许就没问题了... 1.jdk安装过程中没有提示安装jre,jdk的安装目录下面也没有jre文件夹 2.java不是内部或外 ...
- 用vs2008创建运行c++项目
1,选择文件-->新建-->项目 -->visual C++ 模板中选择 空项目 ,输入名称和位置确定 2,在解决方案资源管理器中,右键点击 源文件 --->添加-->新 ...
- 使用Angular CLI创建一个Hello World级别的Angular应用
命令行ng new my-first-project, 会自动创建一个同名文件夹,stylesheet的实现,选择最简单的css即可. Angular CLI会在my-first-project文件夹 ...
最新文章
- SpringBoot项目使用nacos,kotlin使用nacos,java项目使用nacos,gradle项目使用nacos,maven项目使用nacos
- html月球绕地球转,CSS3地球公转,月球绕地球转
- oracle安装后怎么连接数据库,安装完odp后,连接oracle数据库
- python dataframe去掉索引_关于python:删除具有重复索引的行(Pandas DataFrame和TimeSeries)...
- java accessablity_java连接access数据库----简单demo
- ORACLE的所有字段类型
- 英文简历的几种常见形式
- mysql数据优化--数据库结构的优化
- 30号晚直播丨数据操作加速器,CloudQuery v1.3.5 发布!
- scala构造器的介绍
- python图合并_Python-numpy实现灰度图像的分块和合并方式
- GitHub 热榜:不用 PS,一键去除照片中的对象,这个神器可试玩
- android studio 导入c,3.3、Android Studio 添加 C 和 C++ 项目
- C语言 fprintf 函数 - C语言零基础入门教程
- 对比企业邮箱,使用企业邮箱有哪些好处?
- 【高数】【本科笔记】【第七章 微分方程】【7.2 可分离变量的微分方程】
- 通用模块系列--日期操作工具类
- java swing 聊天表情功能的实现(带完整代码)
- C#开发:不规则裁切图片
- QT基础学习笔记 Demo01