Mac环境 部署Node.js环境 安装Angular CLI 解决找不到ng命令的问题

最新推荐文章于 2023-06-24 08:21:00 发布
最新推荐文章于 2023-06-24 08:21:00 发布
阅读量9.9k 收藏 8
点赞数 6
分类专栏： Node.js 文章标签： Angular node.js mac @angular/cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yaya_lovepiggy/article/details/79294500
版权

写这篇博客的原因是本人最近在学习AngularJS
公司环境是Ubuntu 家里环境是macOS
公司搭建Angular环境时非常顺利，结果到了Mac上……
所以决定记录下来，希望也能帮助到更多的人

要安装Angular CLI，就需要先安装Node.js环境
Mac上Node.js的安装可以有三种方式：
1. 通过第三方Homebrew安装
2. 通过git安装
3. 官网下载安装包进行安装

本篇博客采用上述第三种方式

  • Node.js官网 下载稳定版安装包
    • 目前我用的是8.9.4 自带npm版本为5.6.0
  • 双击安装，输入用户密码，不再赘述
  • 打开终端 输入node -v查看node版本 输入npm -v查看npm版本
  • 若要安装 Angular CLI，只需在终端中运行以下命令：npm install -g @angular/cli
  • 此时输入ng v若能显示出Angular CLI的图案及提示，如下图，说明就安装成功了
最低0.47元/天 解锁文章
iOS代表队
关注
  • 6
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Angular1入门
qq_39052393的博客
12-28 1077
Angular1入门MVC、MVVM、MVP框架Angular初体验新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 MVC、MVVM、MVP框架 MVC，全名是Model View Controller，M是model模
angular2+node.js express打包部署的实战
10-19
本篇文章主要介绍了angular2+node.js express打包部署的实战，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Mac上Angular的环境搭建
Mr. David 专栏
06-24 1564
官网的第四步就开始编辑Angular组件了，但工于利其事必先利其器，一个文件一个文件的编辑太麻烦了，咱先把编辑器配置好。常用的Angular编辑器有Visual Studio Code、WebStorm、Sublime Text。当我用brew安装node.js的时候，npm也一并被安装了。
ng:command not found，ng不是内部或外部命令
在路上`的博客
01-04 3472
一、前提 初识angular, 在检测node , npm -v时都能成功访问，而且node也是高版本，在$ npm install -g @angular/cli 全局下载完angularcli之后 检测angularcli是否安装成功 ng --version 发现命令行提示 ng:command not found 二、原因及解决办法 经多次检查发现是环境变量 的问题，只要在 node_global下配置环境变量即可, 如图： ps: 先找到全局下载的angular从而定位到node_global的
解决windows下安装了@angular/cli之后ng命令不存在
weixin_41580988的博客
07-23 4088
解决windows下安装了@angular/cli之后ng命令不存在 错误: ng:command not found，ng不是内部或外部命令 解决方案: 1.执行完 npm install -g @angular/cli 2.如果执行 ng -v 显示ng:command not found，ng不是内部或外部命令,那么你可以找到你的ng.cmd命令所安装的位置 推荐一个神奇everthing.exe,附上链接: https://www.voidtools.com/downloads/ 然后找到你的
'ng' 不是内部或外部命令，也不是可运行的程序或批处理文件 或 bash: ng: command not found
热门推荐
haojiliang
11-22 1万+
新博客地址：https://blog.iaiot.com/bash-ng-command-not-found.html 重新以管理员权限运行npm install -g @angular/cli 如果报错，就先删掉 C:\Users\adminstrator\AppData\Roaming\npm\node_modules\@angular\cli\node_modules 目录，然后再运行...
详解从angular-cli：1.0.0-beta.28.3升级到@angular/cli：1.0.0
08-30
通常，你可以通过以下命令安装最新版本的Node.js，这也将自动更新npm： ```bash # 适用于Linux和macOS curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash - sudo apt-get install -y nodejs # 适用...
angular.js+node.js实现下载图片处理详解
12-10
本文主要介绍的是angular.js+node.js实现下载图片处理，下载有两种方式，下面话不多说，来看看详细的介绍吧。 第一种： 不指定完整路径，然后发送get给server让server自己去拼接路径，然后用express的res.download来...
Node.js, MongoDB and Angular Web Development(2nd) azw3
10-16
Node.js, MongoDB and Angular Web Development(2nd) 英文azw3 第2版 本资源转载自网络，如有侵权，请联系上传者或csdn删除 本资源转载自网络，如有侵权，请联系上传者或csdn删除
Mac OS X 下终端系统命令丢失提示 command not found 解决方法
Right! I'm Max Sky.
12-29 1万+
事件的起因是我在 ~/.bash_profile 里添加了 ~/.composer/vendor/bin 这个东西导致，或许是 OS X 10.11 的 bug？   先说说 Mac OS 里对环境变量文件的加载顺序/etc/profile -> /etc/paths -> ~/.bash_profile  主要就是这 3 个，如果在找不到 ~/.bash_profile 还会继续按照下方的顺序查找
mac command not found解决方法
秋夜无霜
03-11 1万+
macbook air突然出现一些命令command not found. 之前配置java path的时候可能修改了profile导致的。 只有ls cd等命令可以用， vim, sudo, man等提示command not found 1、首先输入命令，让暂时可以使用vim等命令 export PATH=/usr/bin:/usr/sbin:/bin:/sbin:/usr/X11R6/b...
mac:安装node、npm和angular cli
森豪Steven的博客
05-01 589
1.使用curl或wget安装nvm curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh|bash or wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh|bash 2.使用nvm ins...
遇到Error: Cannot find module ‘..\node_modules\@angular\cli\bin\ng‘怎么解决
chenhao5032的专栏
02-14 3033
遇到Error: Cannot find module '..\node_modules\@angular\cli\bin\ng'怎么解决
关于node安装angular提示“ng不是内部或外部命令”
YHJ_2298的博客
01-16 1058
node安装angular
当无法使用 ng 命令时
zhongjunhaoz的博客
10-15 1601
1. `npm install -g @angular/cli` 当我们安装了全局angular脚手架的时候。 2. 想通过 `ng new` 来创建项目，但是却报错“ng 无法加载文件或没有ng 这个命令”。 3. win10系统搜索 `Windows PowerShell`，选择管理员身份运行。 4. 打开了命令行之后,输入`set-ExecutionPolicy RemoteSigned`。 然后更改权限为A。 5. 最后通过 `get-ExecutionPolicy` 命令查看当前的状态。Remot
angular1坑之ng-repeat
DreamFJ的博客
09-10 903
功能：有一个页面，输入查询条件，点击查询按钮后从后台返回数据并显示在页面的表格中，并在页面滚动到最下面时实现下拉加载。 下拉加载什么的前面的博客已经讲过了，这里不再讲了，这里主要是记录bug问题，在从后台返回数据并成功加到数组后面了，但是页面上并没有渲染出来，好怀念vue.js的v-for啊啊啊啊啊，然后就去上网找填坑的方法，说是要用$scope.$apply();好像跟什么脏值检测有关，ok，...
angular,nodejs学习安装
WS_HSY90的博客
02-25 746
      新年开始,工作开始,劲头十足,由于准备与同学一起开发一个医药管理系统,而前端是angular框架,无奈只有学之,IT的发展实在太快,无意中发现17年前端三巨头:react,angular,vue!      作为新手我们先要安装Node.js和npm(Install Node.js and npm if they are not already on your machine.),直接...
command not found 个人解决方案
qq_23237191的博客
06-25 1113
command not found 个人解决方案 第一次终端输入open.gradle,结果返回command not found 第二次终端输入open空格.gradle，结果就打开了 自己记录一下，如果同样能解决您的困扰那就再好不过了！ ...
node.js 14.15.5使用angular cli的版本
最新发布
07-08
对于使用 Node.js 14.15.5 的 Angular CLI 版本，你可以使用 Angular CLI 的最新稳定版本，它支持 Node.js 10.13 或更高版本。目前最新的 Angular CLI 版本是 12.x。你可以使用以下命令安装最新版本的 Angular CLI： ``` npm install -g @angular/cli ``` 安装完成后，你可以使用以下命令检查已安装的 Angular CLI 版本： ``` ng version ``` 确保你的 Node.js 版本在支持范围内，并且按照上述步骤安装 Angular CLI，即可开始使用 Angular CLI 开发 Angular 应用程序。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值