温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

node和Angular运行环境的安装方法

发布时间:2021-07-20 12:01:35 来源:亿速云 阅读:492 作者:chen 栏目:互联网科技

这篇文章主要介绍“node和Angular运行环境的安装方法”,在日常操作中,相信很多人在node和Angular运行环境的安装方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”node和Angular运行环境的安装方法”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

今天学习创建Angular工程的时候遇到了障碍,跟着教学视频先安装Angular运行环境时遇到很多坑。

我在此将安装angular运行环境的过程记录下来供后来的同学参考。

首先说明:我的系统是win10,以下安装过程是在win10下进行的。

注意:以下所有命令都是在“管理员身份运行powershell”下执行的。

安装node.js

首先安装node.js,这个安装非常简单,建议去官网https://nodejs.org/zh-cn/download/下载合适的安装包,这个安装非常简单,不再赘述。

node.js安装好以后install additional tools for node.js装不了,那个需要注册网站,注册的时候里面说人机验证没通过,这个是node.js扩展工具包,可以不装。

安装angular环境

视频里老师使用下面的指令很快就能安装好angular环境,但是我这安装时进度条一点都不动。

npm install -g @angular/cli

我估计是众所周知的墙造成不能从angular官方仓库下载。

解决策略是安装淘宝版的angular环境,请需要参考的同学严格按步骤操作,命令最好是复制黏贴,避免敲错命令造成安装失败。

  1. 首先清除angular官方的运行环境:

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


  2. 然后在d盘建一个npm-library(这个是安装路径和文件名,可以按自己的需要设置)。

  3. 修改计算机的执行策略为RemoteSigned,允许系统运行脚本:

    set-ExecutionPolicy RemoteSigned


  4. 顺序执行下列命令:

    npm config set prefix "D:\npm-library\npm"
    npm config set globalconfig "D:\npm-library\npm\etc\npmrc"
    npm config set globallgnorefile "D:\npm-library\npm\etc\npmlgnore"
    npm install -g cnpm --registry=https://registry.npm.taobao.org


  5. 编辑环境变量,将原来的C:\Users\40859\AppData\Roaming\npm更改为更改设置的D:\npm-library\npm。

  6. 执行下面的命令:

    cnpm install -g supervisor


  7. 安装最新版的angular-cli

    cnpm install -g @angular/cli@latest


  8. 重启电脑,验证angular-cli版本号

    ng version


node和Angular运行环境的安装方法

最后如果出现angular cli版本号、node版本号,即说明angular运行环境安装成功。

到此,关于“node和Angular运行环境的安装方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI