第一步:设置开发环境
在开始工作之前,你必须设置好开发环境。
如果你的电脑里没有 Node.js®和 npm,请安装它们。
然后全局安装 Angular CLI(最新版本)

npm install @angular/cli -g

或者安装指定的版本:

npm install @angular/cli@版本号 -g

安装完成可以利用命令检测自己安装的版本:

ng version

即可查看

第二步:创建新项目
打开终端窗口。
运行下列命令来生成一个新项目以及默认的应用代码:

ng new my-app(项目文件夹名称)

Angular CLI 会安装必要的 NPM 包、创建项目文件,并在该项目中生成一个简单的默认应用。这可能要花一点时间。
第三步:启动开发服务器
进入项目目录,并启动服务器。

cd my-app
ng serve --open

ng serve 命令会启动开发服务器,监听文件变化,并在修改这些文件时重新构建此应用。
使用 --open(或 -o)参数可以自动打开浏览器并访问 http://localhost:4200/。
成功安装执行--open命令会自动弹出angular欢迎页面。
安装出错:
安装过程中可能出现错误:
”Cannot find module ‘@angular-devkit/core’”如果提示这个错误,
原因就是缺少@angular-devkit/core,其实这种问题在新创建程序的时候就有提示
比如在执行完ng new newProject 之后会出现。

解决办法就是自己安装,进入程序目录执行下面的指令:

npm i --save-dev @angular-devkit/core

如果再次提示@angular-devkit/core没有安装成功的话就需要卸载angular-cli重新安装angular-cli了。

npm uninstall -g angular-cli
npm install -g @angular/cli@latest

后续有其他安装问题我会继续更新,敬请关注!


Nick
30 声望1 粉丝

前端工程师