从今天开始学习Angular,把每天学到的知识点记录一下!
介绍:Angualr 是一款来自谷歌的开源的 web 前端框架,Angualr 基于 TypeScript 和 react、vue 相比 Angular 更适合中大型企业级项目。
Angular环境搭建
- 安装nodejs
- 安装cnpm
- 使用npm/cnpm 命令安装 angular/cli
nodejs安装
- 去官网直接下载dmg 直接安装 http://nodejs.cn/download/
- 在终端输入 node -v 出现版本号则说明安装成功
cnpm安装
- 在命令行输入 npm install -g cnpm --registry=https://registry.npm.taobao.org
- 在终端输入 cnpm -v 显示版本号则说明安装成功
angular/cli安装
- 在命令行输入 //npm install -g @angular/cli 或者 cnpm install -g @angular/cli
- 在终端输入 ng v 显示版本号则说明安装成功
Angular创建项目
1、打开终端输入 ng new 项目名称
2、cd到你的项目文件夹
3、运行你的项目 ng serve --open
Angular开发工具
使用VSCode开发 https://code.visualstudio.com/
建议安装Angular插件