这篇文章主要介绍“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环境,请需要参考的同学严格按步骤操作,命令最好是复制黏贴,避免敲错命令造成安装失败。
首先清除angular官方的运行环境:
npm uninstall -g angular-cli/npm uninstall-g @angular/cli
然后在d盘建一个npm-library(这个是安装路径和文件名,可以按自己的需要设置)。
修改计算机的执行策略为RemoteSigned,允许系统运行脚本:
set-ExecutionPolicy RemoteSigned
顺序执行下列命令:
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
编辑环境变量,将原来的C:\Users\40859\AppData\Roaming\npm更改为更改设置的D:\npm-library\npm。
执行下面的命令:
cnpm install -g supervisor
安装最新版的angular-cli
cnpm install -g @angular/cli@latest
重启电脑,验证angular-cli版本号
ng version
最后如果出现angular cli版本号、node版本号,即说明angular运行环境安装成功。
到此,关于“node和Angular运行环境的安装方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
当前文章:node和Angular运行环境的安装方法
文章位置:http://scyingshan.cn/article/joephc.html