angular 环境搭建、创建项目和创建组件

一:环境搭建

1.搭建angular环境，要确保开发环境包括node.js
首先需要去nodejs官网https://nodejs.org/en/下载node.js;安装以后，在终端/控制台窗口中运行 node -v  ，检查是否安装成功。

2.检查你是否安装了 npm 客户端（Node.js 已经默认安装了它），请在终端/控制台窗口中运行 npm -v 。

3.安装Angular CLI

要使用 npm 命令安装 CLI，请打开终端/控制台窗口，输入如下命令：npm install -g @angular/cli

二：创建项目
1.在终端运行CLI命令： ng new 项目名称   ; 例如：ng new angularTest  按enter键；
紧接着会出现 ? Would you like to add Angular routing? 输入y或者直接按enter键；

然后会出现让你选择样式

? Which stylesheet format would you like to use? (Use arrow keys) 按上下键选择你需要的样式，enter键进入下一步;

2.cd 到创建的项目，使用ng serve --open 启动项目

三：目录结构

四：创建组件

cd 项目
 // 在终端输入命令
 // 如果想把自己写的组件放到同一个文件夹中，可以输入：
 ng generate component 文件夹名称/组件名称，
 或者
 ng g component 文件夹名称/组件名称，/*例如：
 ng generate component myComponent/heroes
 */// 如果想把自己写的组件与根组件并列，可以输入：
 ng generate component 组件名称
 或者
 ng g component 组件名称/*例如：
 ng generate component heroes
 */

转载于:https://www.cnblogs.com/pan5008/p/11400068.html