angular 的项目快速构建分享

当时使用的版本：

node.js 10.1.0

npm 6.0.1

ng 6.0.1

vscode 1.23.1

typescript 2.7.2

在一般情况下，创建一个angular新项目我们这样做

ng new xxx

然后会等待很长时间，一般来说可能要到20-30分钟，一个是因为网的原因，其实还有一个最主要的原因是，这些下载内容太过于碎片化了，就是本机直接复制也会非常慢的

那么我们有没有办法缩短构建一个新项目所需要的用时呢？毕竟20-30分钟才创建一个新项目，是无论如何难以让人接受的。有两种方案

1，改变ng的默认包管理工具

--1，先到 https://yarnpkg.com/zh-Hans/  去下载yarn这个包管理工具

--2，替换 命令为： ng config -g "cli.packageManager" "yarn" 这样就把ng的默认包管理工具由npm替换为yarn了

用这种方案我试，如果你 npm下 用30分钟，那么这种情况下只会用10分钟，所以这是个不错的方案

2，采用复制node-moduls的方法（这是我自己总结探索的方法，分享出来也请大家试下看有没有问题）

--1，用一个已经成功并且ng serve --open没问题的 项目下的node-moduls文件夹，把它复制到一个专门为angular项目管理的目录的根下面待用，比如我这里用vscode开打如下图

 

由图可以看到我的根目标是 WEB PROJECT（web project,用vscode打开就是大写显示的）

下面我从一个成功的项目里复制了一个 node-modules文件夹，可以在图上看到

--2 使用命令： ng new xxx --skip-install 比如图里我用这种方法创建了 ag1

--3 把根目标的 node-modules 复制到你的 新项目里，在vscode下按住ctrl键用鼠标拖就行，这速度非常快，就是秒成。（所以这步很关键）

--4 使用命令：cd xxx导航到 新项目的位置，然后 npm init

这时会出现一个命令行形势的对话，让你输入一些配置内容，你可以根据自己的情况填写内容，不想填写的就直接回车就行了。

--5 上步完成以后 直接 ng serve --open 检查新项目是不是创建成功，就可以了

我用这种方法是没问题的，特别是 时间很省，你操作得快 1分钟之内就可以搞定了。