Angular初学(一)
Angular 基于TypeScript,和react、vue相比,angular更适合中大型企业级项目。
一、安装前准备
安装nodejs
安装cnpm(npm可能安装失败,建议用npm 安装一下cnpm用淘宝镜像安装)
npm install -g cnpm --registry=https://registry.npm.taobao.org
二、使用npm或cnpm安装 Angular Cli
全局安装angular脚手架环境
npm install -g @angular/cli 或者 cnpm install -g @angular/cli
三、创建项目
1、打开项目目录
2、cd 项目目录
3、ng new 项目名称 ----- 先是Enter默认(cnpm install 可以安装项目依赖)
ng g //可以查看可创建的组件、服务等
Available Schematics:
Collection "@schematics/angular" (default):
app-shell
application
class
component
directive
enum
guard
interceptor
interface
library
module
pipe
resolver
service
service-worker
web-worker
创建news组件:
新建httpservice服务:
4、项目运行:ng serve --open
5、编译完成后会自动打开浏览器。
四、目录结构分析
五、VSCode中安装插件