虽然现在的工作和Web开发不沾边，但始终对Web开发难以忘怀，希望拥有一套百分百自己的Web前端原型，决定动手做一个完整的Web前端出来。

现在是2021年，框架选择Angular。虽然Angular学习成本高，但TypeScript把类型系统引入js, 接近了java/C#领域的开发方式，相当有潜力，值得一试。

废话不多说，开始吧。

本篇记录开发环境和工具设置，以及运行Hello World。

1. 安装VSCode 

VSCode不是唯一的工具，但它的功能和效率很不错。

2. 安装Node.js

 https://nodejs.org/en/

3. 安装angular

打开Node.js command prompt, 输入指令：

npm install -g @angular/cli 

4. 新建一个angular项目

起名webapp。选好项目文件要安放的目录，在command prompt中进入该目录，输入指令：

ng new webapp

会有几个提示，都选Yes或者默认项。

安装完成之后，在指定的路径中就能看到项目文件了：

这些文件看着挺复杂吧，但毕竟简单的一行指令就把项目建好了，这生产力也是高度发达了。

5. 运行项目

prompt进入webapp的目录，输入指令：

ng serve

6. 观察效果

在浏览器中输入http://localhost:4200/  ，4200是默认端口，也可以在指令中指定其他端口。效果如下图：

不得不说，现在Web开发的生产力已经如此之高了！几行指令就能建立和运行一个项目了，这在我刚入行的2012年几乎是无法想象的！