依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径

Node .js是一个基于Chrome V8引擎的JavaScript运行环境,是运行在服务器端Javascript。使用一个事件驱动,非阻塞式I/O的模型。node.js的软件包生态系统npm是全球最大的开源库生态系统。

npm:Node.js下的包管理器,可以在https://www.npmjs.com/ 查找需要的软件包。

vue-cil:用户生成vue工程模板。

webpack:分析项目结构,将JavaScript模块和浏览器不能直接运行的拓展语言转换和打包成合适的格式提供给浏览器使用。

安装

1、下载,可以在https://nodejs.org/en/download/网站上根据需求下载。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第1张图片

2、双击下载好的安装文件。

bc1ae0e94efb48c8975630927e3ca8b3.png


3、点击next。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第2张图片

4、勾选我同意,并next。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第3张图片


5、可以选择change更改安装路径,如果不需要更改路径,点击next进入下一步。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第4张图片

6、点击下一步继续。因为有Add to PATH,安装成功后,会自动配置环境变量,不需要我们手动配置。你也可以选择取消自动配置,安装完成后,自己配置。点击next。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第5张图片

7、node.js设置,问你是否需要自动安装必要的工具,勾选上自动安装。不勾选的话可以参照下面页面的蓝色地址自行安装依赖项。点击next。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第6张图片

8、点击Install开始安装。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第7张图片

9、安装可能需要一些时间,需要等待。也可以点击Cancel取消安装。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第8张图片

10、安装完成,点击Finish。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第9张图片


安装完成后,我们可以检测系统是否自动配置了Node.js的环境变量。

检测

1、打开cmd命令提示符。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第10张图片

2、在命令提示符中输入node -v 查看弄得版本号,输入npm -v查看npm版本。如果显示版本信息,说明安装配置成功。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第11张图片

3、我们可以打开安装路径看一下刚刚安装的node文件夹。node_modules模块文件夹,文件夹是用于放用包管理工具下载安装了的包。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第12张图片

在执行npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:Users用户名AppDataRoaming路径下的npm和npm_cache中,我们可以改变这个路径,从而减少C盘的使用。

配置npm在安装全局模块时的路径以及缓存cache的路径

1、在node.js安装目录下新建两个文件夹,node_cache和node_global。如下图所示。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第13张图片

2、在cmd中执行npm config set prefix"nodeglobal路径",和npm config set cache "node_cache路径"。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第14张图片

3、执行成功后,右键我的电脑-->属性-->高级系统设置-->环境变量。在系统环境下点击新建。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第15张图片

4、输入变量名NODEPATH,变量值是你新建的node_global文件下的node_modules。点击确定。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第16张图片

5、找到用户变量下的Path,点击编辑。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第17张图片

6、将Path变量中相应的npm的值改为你的node_global的路径。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第18张图片

7、更改后npm路径变为如下所示。点击确认。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第19张图片

配置完成后需要测试一下更改是否生效。

测试配置

1、在cmd命令窗口执行npm install webpack -g 命令去安装webpack。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第20张图片

2、安装完成后使用命npm webpack -v 可以看到安装webpack的版本号。此时发现抛出异常

Error: Cannot find module 'webpack-cli'。百度说是需要全局安装。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第21张图片

3、我们使用npm install webpack-cli -g命令全局安装webpack。

依赖包 全局_Node.js的安装以及配置npm全局模块路径和缓存路径_第22张图片

4、等待安装完成后,使用webpack -v命令能看到webpack的版本信息。说明安装成功。

0d252f89040c49c5dbf0d7c5a8b88127.png

你可能感兴趣的:(依赖包,全局)