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}"
}
]