你好 Angular 项目

你好，我是一名刚开始编程大约一年的初学者工程师。
平时主要写scala，偶尔也会写一些Angular之类的。

接下来，我想要写一些关于我经常涉及的Angular的内容。

那么首先，

Angular是谁？

「アンギュラー」という名前です。ちょっと中堅のボスみたいなかっこいい名前ですね。

最近、Web開発はすごいスピードで成長しているそうで（私はまだ1年ちょっとしか開発経験がないので、昔のことはよくわかりません）、そのおかげかフロントエンドフレームワークのトレンドの変化は凄まじいものです。

そんなホットな世界で、抜きんでて力強く進出しているのは、「アンギュラー」というプログラミング言語です。

Angular (アンギュラー) – [ng]
React (リアクト) – [rn]
Vue (ビュー) – [vue]

这三个足球俱乐部，就像是连我这样不了解足球的人也知道的一样，它们就是拜仁慕尼黑、皇家马德里和巴塞罗那。

如果你想更了解上面提到的三个方面，不必理会那些让人无法理解的故事，阅读下面的文章吧！我们将来比较一下JavaScript框架。

那么，我们立刻开始创建Angular项目吧！

虽然我希望能这么说！

让我们首先从编程初学者的角度来看待Angular初学者之前的环境。

※我并不完全理解所有的事情，所以如果有什么奇怪或者你这里不对吗？之类的问题，请不要说脏话，而是教给我，我会很高兴的。

在开始Angular项目之前

首先需要安装Node。
对于初学者来说，版本管理可能会有一些困难，有时可能会遇到一些莫名其妙的错误。但是，仔细查看错误信息，你会发现

$yarn install とか npm install　すると
エラーエラーエラーエラー
君のnodeなんだけど〇〇から〇〇のバージョン使ってくんね？

他（她）非常清楚明白地生气地告诉我。刚开始的时候，只是出了个错误，感觉就像初中时看英语长文阅读题那样沮丧…
但是仔细阅读，其实已经写得很清楚了。我们要认真地读错误的内容！！

嗯，不过比起这些，我知道了，怎么才能升级或降低版本呢？

为了这些人，先人们创造了可以轻松管理node版本的东西，包括安装、版本升级和降级。真厉害。
可以管理node版本的东西有两个（也许还有其他，只是我不知道）。

不用了（Node版本管理器）
nodebrew（意思我不清楚）

我对这两者的区别不太清楚，但是我自己使用nvm，所以这次就试着用它吧。

安装 nvm

＄curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

如果可以的话，请确认一下!

$nvm --version
〇〇

出现这个消息就是成功！现在，让我们马上查看要安装的Node版本！

$nvm ls-remote
.........
.......
.....
...
..
.

这个命令列出了当前可安装的所有Node版本！另外，需要注意的是，Node的版本号，奇数表示最新功能添加，偶数表示稳定版本，所以基本上应该安装偶数版本！

我想在nvm ls-remote中，每个偶数的最新版本都标有LTS，这意味着长期支持（比普通版本有更长的支持期限）。如果出现错误

如果被要求将〇〇从一个版本升级到〇〇版本，那么请确保安装该范围内的LTS版本的node！

好的！那么让我们马上安装node试试看！

$nvm ls-remote
.............
...........
.........
v10.16.0   (Latest LTS: Dubnium)
v11.0.0
v11.1.0
v11.2
..
v12.3.1

看起来最新版本是v12.3.1！（2019年6月）
让我们安装被标为LTS的最新版本v10.16.0吧！

$nvm install v10.16.0
~~~~~~色々頑張ってる~~~~~~~

如果可行的话，请确认一下！

$nvm ls
->     v10.16.0

只要显示已安装的v10.16.0版本就没问题！
让我们试试另一个最新版本的v12.3.1进行安装吧！

$nvm install v12.3.1

肯定的。

$nvm ls 
       v10.16.0
->      v12.3.1

如果能变成这个样子就完美了！这个箭头表示了当前使用的节点版本。

$node -v         ← nodeのバージョンを見るコマンド
v12.3.1

应该会变成这样
那么让我们来尝试一下切换版本吧！

$nvm use v10.16.0
Now using node v10.16.0 (npm v6.9.0)
$node -v
v10.16.0

写着(npm v6.9.0)，但所说的npm是(Node Package Manager)的缩写，简单来说，它是管理Node.js各种功能包的最强大的工具。
入门npm
↑这篇文章的一些简单明了的部分，就拿来摘录了。

npm用于管理前端使用的包的版本。在npm中，可以将通过npm安装的包的版本信息存储在package.json中。通过从package.json中批量安装包，可以通过统一管理package.json来统一管理前端使用的包的版本。

大致上来说，package.json是前端项目的最上层文件，它能够统一管理项目使用的库和版本的信息。

无论如何，有了这个，你也不会再被Node版本不同的错误所困扰了！

最新的LTS版本是v10.16.0。

我们虽然走了很长时间，但还是继续前进吧！

创建项目

与本文相关的链接：
https://qiita.com/maitake9116/items/7825d90c09f3e2f87dea

https://qiita.com/sansaisoba/items/242a8ba95bf70ba179d3