[Angular] 1.环境安装+helloworld

0.最终效果(win7)

 

1.安装nodejs ,angular环境

参考链接：https://blog.csdn.net/qq_33001647/article/details/99652147

跟着里面的步骤一步步安装就行。

搞完我们可以用命令行转到喜欢的目录下 新建angular项目(默认是命令行中当前目录下新建)

ng new myangular3  

myangular3目录下 命令行ng serve先跑起来

补充一点：

常用cmd命令  d:转到d盘；  dir 查看当前目录下文件 ； cd xxx 转到xxx文件夹

 

2.vscode调试部分

参考链接：https://blog.csdn.net/u013488847/article/details/79779420

跟着里面的步骤乱搞就行

这里补充俩点

2.1 vscode里得选择myangular3文件夹打开，这样才能看到该项目的文件了

2.2 vscode里得添加chrome的配置文件

在launch.json中修改代码如下

  "version": "0.2.0",
    "configurations": [

        {
            "name": "Launch Chrome against localhost, with sourcemaps",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:4200/",            
            "webRoot": "${workspaceRoot}"
        }
    ]

然后点下图的这个就可以跑起来了，自动打开localhost:4200 ,

（前提是 得先手动命令行ng serve打开angular的东西）

最后在这里改成helloworld,搞定！