AngularJs入门之创建最简单HelloWorld Demo应用

1. 安装Angular Cli

运行命令

npm i -g @angular/cli

运行成功后显示：

2. 创建Hello World项目

下一步就是找一个目录，创建我们的Hello World项目，我是放在了C:\D\Study下面（我也很奇怪，为什么我在C盘要创建一个D的文件夹，哈哈...),于是怎么cd后到了文件夹下

然后运行

ng new hello-ng

中间会有一次询问，选择输入Y即可，然后几seconds之后，让你选样式表格式，我选择了默认的CSS,然后继续

到实际目录下搂一眼，如下：

3. 运行项目

然后用vscode打开

结构和Vue也差不太多，下一步跑一下

npm install

然后跑一下

npm run start

中间会弹出提示是否使用google分析，你可以选y或是n，不影响后续，我选了y, 然后等它几min，显示如下的信息时表示运行成功了。

4. 展示成果

访问：http://localhost:4200/,显示如下界面，至此一个最简单的AngularJS项目就完成了，后面就是一步一步的对它进行优化了。