0


Node.js安装配置及Angular CLI的安装

NodeJS的安装

node.js官网下载地址: https://nodejs.org/en/download/

在node.js的官网上面下载适合自己机型的,如果是Windows系统的话,建议下载对应的 Windows Installer (.msi) 。

下载完成后,双击打开安装,安装路径最好自定义,默认在C盘,也可以自定义安装路径,例如D:\Program Files\nodejs,其他默认点击下一步(next),直到最后安装完成。

测试: win+r,输入cmd,在打开的界面中输入 node -v 来查看当前安装的node.js版本。

node.js安装过程中,会一同把npm(npm package manager)安装,我们同时查看一下安装的版本:

可能会遇到的权限问题

一般情况下,对于新安装的用户来说,nodejs文件夹赋予了只有管理员才能够访问的权限,这个在今后安装工具包的时候会有权限的问题而无法创建目录,因此我们更改一下nodejs文件夹的权限。

右键nodejs文件夹,点击属性

切换到安全标签,点击编辑

将下面所有复选框选中,然后保存,设置完成

Node.js的配置

打开自己安装的node.js的目录,比如我的安装目录:

D:\Program Files\nodejs

此时,里面应该只有一个 node_modules 文件夹

在 node_modules 的同级目录下,创建两个文件夹, node_global 和 node_cache ,文件夹的名字可以不同,但是建议可以见名知意,一个用于存在安装的全局模块,一个用于存放日志缓存。

在当前页面上打开终端,可以借助与cmd打开。然后依次输入如下命令:

npm config set prefix "D:\Program Files\nodejs\node_global
npm config set cache "D:\Program Files\nodejs\node_cache"

最后关闭窗口即可。

环境变量的配置

在系统变量中,添加一个变量 NODE_PATH,它对应的值是 node_global\node_modules 文件夹的完整路径(注意: 此时node_global文件夹下面是没有node_modules文件夹的,可以手动创建)

在用户变量中的 Path 变量里面, 添加一个值,是精确到node_global文件夹的完整路径。

可以参考我的路径:

NODE_PATH : D:\Program Files\nodejs\node_global\node_modules

Path : D:\Program Files\nodejs\node_global

测试 npm 的权限问题,此时在没有管理员权限的终端输入 npm -v ,如果没有警告,再打开文件夹 node_cache_logs\ 下面看是否生成了一个日志文件,如果有,则配置完毕。

将 npm 更新到最新版本(可选操作),打开终端,输入:

npm install npm@latest -g

安装 Angular 客户端

Angular CLI是Angular app开发的一个脚手架工具,可以快速的搭建Angular组件的模板。

你用Angular CLI创建项目,生成应用和库代码,并且能够完成像测试,bundling和部署这样的一系列不同的开发任务。

为了安装Angular CLI,打开终端窗口,运行如下命令,命令中的-g表示全局可用

npm install -g @angular/cli

安装完成后打开命令行输入ng nersion查看Angular CLI的版本号,如出现下面的样子说明安装成功。如果报错:”'ng' 不是内部或外部命令,也不是可运行的程序或批处理文件”,则是环境变量设置不正确导致,需要参考上面环境变量的设置步骤。

删除Angular CLI(需要的时候再用)

npm uninstall -g @angular/cli
npm cache clean --force
标签: node.js

本文转载自: https://blog.csdn.net/luanxiyuan/article/details/129117441
版权归原作者 luanxiyuan 所有, 如有侵权,请联系我们删除。

“Node.js安装配置及Angular CLI的安装”的评论:

还没有评论