angular-cli快速搭建

Angular中文官网地址:https://angular.cn/guide/quickstart

1.设置开发环境

  node 8.X以上版本，npm 5.x以上版本（node -v , npm -v）  

  全局安装Angular Cli

  windows系统： npm install -g @angular/cli

  mac   系   统：   sudo npm install -g @angular/cli   (输入用户密码)

注：mac   Ubuntu系统，上面全局安装angular脚手架，命令必须加sudo，下面的命令可加可不加，

         window 一律不用加sudo

2.创建新项目

    进入项目需要放在的文件目录下面，运行下面命令生成新项目及默认应用代码

    （sudo） ng new my-app(项目文件名称)

    在所选目录下生成my-app文件夹（加sudo,生成的文件有只读权限）

3.进入目录，启动开发服务器

    cd my-app

    （sudo） ng serve --open

    （参数--open 或 -o自动打开浏览器，监听4200端口，http://localhost:4200/）

4.编辑组件

    注：my-app下文件若为只读状态，cd my-app  ,   sudo chmod 777 * -R 修改权限；

    在./src/app/app.component.ts文件目录下，cli创建了一个基本组件

    具体文件目录信息见官网介绍