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

这篇文章主要介绍“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运行环境的安装方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


分享标题:node和Angular运行环境的安装方法
网页地址:http://ybzwz.com/article/joephc.html