Angular项目创建

本文详细介绍了如何安装和配置Node.js、npm、cnpm、yarn,并重点讲解了Angular CLI的安装步骤和使用方法,包括新建项目、启动项目、以及创建组件、类、指令、枚举、模块、管道和服务等基本操作。
摘要由CSDN通过智能技术生成

一、安装

  1. 安装node.js
  2. 选择一个命令工具npm、cnpm、yarn
npm:npm config registry https://registry.npm.taobao.org
cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org
yarn:npm install yarn -g 
切换淘宝镜像源:
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://registry.npm.taobao.org --global
初始化yarn init
安装一个包:yarn add 包名;
更新一个包:yarn upgrade 包名;
删除一个包:yarn remove 包名;
安装所有包:yarn或yarn install

3.安装angular CLI

全局安装typescript(可选)
$npm install -g typescript(新建项目时会自动安装局部typescript,所以这一步也可以省略)
全局安装angular CLI
npm install @angular/cli -g
检查是否安装好:ng v或ng version

二、新建angular项目

ng new 项目名
项目创建完成后,启动项目:npm start

三、angular CLI简单使用

新建组件: ng g conponent 组件名
新建类: ng g class 类名
新建指令: ng g directive 指令名
新建枚举:ng g enum 枚举名
新建模块:ng g module 模块名
新建管道:ng g piep 管道名
新建服务:ng g service 服务名
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值