人一旦老了，记忆力就会越来越差。

最近写了很多博文，不是给谁看的，是给自己搜的，不然一下子全忘了。

如果碰巧对你有帮助，那也是我的荣幸~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

废话不多说，看完题目~ ~ ~ ~

先打开你的网络风暴。在这里插入一句话，尽量保证你的webstorm是较新的版本，系统会在webstorm右下角提示你更新。目前我们的angualr2.0项目是用typescript编写的，但是最新版本的webstorm只能支持typescript2.0.8，并且typescript已经发布到typescript2.0.9，也就是说如果你的webstorm版本更低，可以支持的语法就更少了。

1.首先，您需要创建一个项目。

可以看到图中有两个关于Angular的选择。一个是AngularJS，这是一个基于Angular1.0版本类的项目。另一个Angular CLI创建了一个基于Angular2.0的项目

WebStorm的优势在于，它会自动链接到您计算机中的安装路径。从图中可以看出：node解释器：链接到我电脑中Node安装的路径。

如果您的Angular CLI没有自动链接，则意味着您没有安装它。

Angular是用typescript编写的，所以先安装typescript，然后安装angularjs-cli

NPM install-g typengsnpm install-g angular-CLI-ignore-scripts NPM install的安装速度可能有点慢，但它可以成功安装。三个命令，如果你已经安装了一些，你不需要安装它们。~~~

单击“创建”后，

就这样，一个叫岳的项目被创建了。此时，您会发现节点模块已经下载完毕。Package.json和tsconfig.js已经创建。

其实这些也是需要一个过程的~ ~ ~ ~我开始创作之后，我的项目名为悦项目里面什么都没有，文件夹根本打不开，但是webStorm会自动为我们下载，大概需要20秒左右。看到终端显示完成意味着下载完成。

你会发现网络风暴是如此亲密，以至于我们创建了应用程序文件夹。另外文件夹里还有app.module.ts和APP.collaboration.ts。您需要更改的内容可以直接在这些ts文件中更改。

还有一点就是webStorm可以帮助我们自动把ts转换成js。顶部会提示是否需要将ts转换为js文件，点击确定即可。

转账后不要傻傻的看ts文件下，因为都呈现给你了，都在dist下。

通过启动岳项目，我们会发现其实有一个页面叫。接下来，让我们运行此页面来查看。

运行项目有一个步骤，就是先启动服务。这里截图不容易，我直接用文字说明。

找到您的package.json文件，右键单击它，找到show npm Scripts，您将看到如下图所示的树形结构

选择开始并双击它。检查控制台是否有运行的服务器，如下图所示

您可以看到服务器运行在http://本地主机：4200上

这样，我们就可以通过在浏览器中运行http://localhost:4200来看到我们运行的项目。

对了，因为默认端口为4200，如果需要更改的话，可以在package.json里面

以后可以添加Ngserve-host localhost-port 4201

啦啦啦是不是很神奇。

然后我们还可以添加我们想要的组件，例如，现在我需要运行hello-world

将鼠标放在项目中的src路径上，右键单击New——————，然后选择Angular CLI弹出一个框

只要选择你需要的。这里我们选择组件。

看到控制台显示完成，表示成功。然后我们可以看到我们创建的hello-world在哪里

在src/app/hello-world提示我们。然后在项目中查找。

打开hello-world.collaboration.ts，word app会添加到这里自动创建的所有内容的前面。

只需将选择器的值添加到

然后在浏览器中查看，你会发现它已经显示出来了。

服务无法重新启动。为什么，它会自动刷新。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。