Angular--（一）安装配置和创建项目

从今天开始学习Angular，把每天学到的知识点记录一下！

 

介绍：Angualr 是一款来自谷歌的开源的 web 前端框架，Angualr 基于 TypeScript 和 react、vue 相比 Angular 更适合中大型企业级项目。

 

Angular环境搭建

1. 安装nodejs
2. 安装cnpm      
3. 使用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插件