https://angular.cn/tutorials/first-app
https://angular.cn/tools/cli/setup-local#create-a-workspace-and-initial-application
确认node.js的版本
可以运行node -v查看已经安装的node.js的版本号(如果没有安装node.js,需要先安装)是否符合要求:
https://unpkg.com/browse/@angular/core@15.1.5/package.json
安装最新版本的 Angular
在终端窗口执行命令npm install -g @angular/cli
:
安装完成后,可以运行命令npm ls -g @angular/cli
查看安装的信息:
创建工作区和初始应用
https://angular.cn/tools/cli/setup-local#create-a-workspace-and-initial-application
执行命令ng new my-app
,注意,应用名字替换成自己应用的名字:
创建成功了。
运行应用
运行应用方式1
到上面创建好的项目目录下面,执行命令ng serve --open
:
自动拉起了浏览器:
运行应用方式2
打开项目根目录下面的package.json文件,查看可以运行的命令:
从scripts中的命令可以看到,运行 npm run start
实际就是运行ng serve
: