2-1 CLI 工程结构

ng new 项目名称：去创建一个angular的项目

ng new pinduoduo
是否需要添加路由，选择否

选择传统的css

rm -fr pinduoduo:删除刚才创建的项目

ng new pinduoduo --skip-install:只生成文件，但是不安装npm的依赖项

ng new pinduoduo --skip-install --style css --routing false

ng new --help:查一下ng new指令支持什么东西，可以看到它支持很多的参数

ng help:查看ng下面有哪些自命令

如果npm install 命令安装报错。 可以用命令 ls -la把node_modules目录先删除


ng serve：启动一个开发的服务，将代码进行编译


不同的代码编译器中，维持同样的代码风格：.editorconfig
例如不同的


.gitifnore:git中忽略的文件列表

angular.json:整个项目angular的定义文件

browerserslist:维持浏览性兼容性的文件

karma.conf.js：单元测试的


package.json

dependencies：项目依赖，项目会直接使用的依赖


devDependencies：开发依赖，
typescript并不会跟随你发布的版本，只会在写代码的时候用到。最终还是生成为javascript，所以只在开发阶段用。

安装直接的依赖：
npm i -S 等于 npm i --save
也就是-S 等于 --save
i就是install的缩写

安装开发依赖：
npm install --save-dev 软件包名


~和^：
~：保证前两个的固定，例如 8.0.0，保证的是8.0
^锁定大版本，数字第一个

前面啥都不写就是严格的要求必须是8.0.0的版本

package-lock.json:版本的依赖包锁定


script：脚本

npm run ng 和实际用ng是一样的


npm调用的命令是写在你的配置文件夹中的
例如你全局安装了cli是8.0的，但是你要运行一个angular 6.0版本的程序，那么用ng 直接运行的就是8.0的
你用npm 去运行，它运行的就是你配置文件中的版本

npm run start：实际上就是这里的ng serve


README.md:markdown格式的文档

针对ts进行配置

继承tsconfig.json

tsconfig.spec.json：带spec是争对测试的
最终编程es5的代码也就是平时用的javascript的版本

tslint.json：做静态代码扫描，定义规则
引号的规则，这里规定的是single，必须是单引号

例如这里我们写成双引号就会有提示绿色的波浪线

点击快速修复就会修复为单引号




ng lint：会对整个工程的文件进行扫描

 

回顾