angular/cli 安装遇到的那些事

发布时间:2019-06-25 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了angular/cli 安装遇到的那些事脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

第一步:设置开发环境
开始工作之前,你必须设置好开发环境。
如果你的脑里没有 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

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

脚本宝典总结

以上是脚本宝典为你收集整理的angular/cli 安装遇到的那些事全部内容,希望文章能够帮你解决angular/cli 安装遇到的那些事所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。