Angular7.0项目环境搭建_及项目目录分析等

一、Angular环境搭建：

1 电脑需要安装Node.js，网址：https://nodejs.org/en/
    建议下载稳定版本(有一个稳定版本和当前最新版本)
    检查node版本：node -v
2 npm包管理器，在安装node之后自动安装了
    angular依赖于某些库提供的特性和功能，它们都是npm包
    检查npm安装情况：npm -v
    npm使用的国外镜像，下载东西可能比较慢，可以设置镜像为淘宝镜像：npm config set registry https://registry.npm.taobao.org
    查看当前镜像地址：npm config get registry

3 安装angular脚手架：angular cli
    通过脚手架创建angular项目
    查看脚手架信息：ng v

二、创建angular项目

    1 使用angular cli 命令创建：ng new 项目名
        在创建的时候，会自动执行npm install下载依赖（就是package.json中配置的依赖），安装的依赖包都在根目录下的node_modules中
        若项目是svn上导下来的，不是创建的，是没有依赖的，只有代码，因此需要自己手动npm install安装依赖
    2 运行项目：ng serve --open   --open会在项目启动成功后自动打开默认浏览器
    

三、推荐使用开发工具

    1 vscode--记得安装插件，才有提示(Angular 8 Snippets)
    2 webstrom
    

四、项目目录结构分析

    1 e2e:端对端测试文件夹
    2 node_modules:项目中所需要的各种依赖
    3 package.json:配置信息，包括项目的名称、版本、命令、以及各种依赖等
    4 README:项目的介绍文件，告诉你如何部署运行项目、如何编译、如何测试项目
    5 src
        app:根模块.module.ts，根组件(.html,.ts,.css)
        assert:静态资源，图片、css等
        browserslist:angular对浏览器的支持情况
        favicon:浏览器标签上的图标
        index.html:html的入口文件，一运行就是到的这个页面
        main.ts:整个项目的入口
        test.ts:测试的入口文件
        style.css:全局css文件
        

五、组件

    创建组件的命令:ng g component 组件名    g就代表generate
    要创建组件，必须在执行命令的目录下有NgModule，否则不能执行成功
    通过命令创建的组件，会自动在该模块中导入该组件并在  declarations中声明
    创建组件时，默认路径从src/app下开始，可能是因为该项目只有app下有一个模块，或者是因为app是根模块，具体原因需要试验