第一步:设置开发环境
在开始工作之前,你必须设置好开发环境。
如果你的电脑里没有 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
后续有其他安装问题我会继续更新,敬请关注!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。