四川盐亭网站制作公司

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://scyanting.com/article/joephc.html

其他资讯