大白糖奶兔的Blog
大白糖奶兔的Blog
node.js以及npm包管理器安装与配置

Node.js与npm包管理器安装与配置

安装

无脑下一步

https://yczbest.cn/wp-content/uploads/2021/01/wp_editor_md_eaebde86820ae5998938e8272ff72f9b.jpg

选择Node.js安装位置

https://yczbest.cn/wp-content/uploads/2021/01/wp_editor_md_6d841d0c336aa20d287e28421bc0e415.jpg

别问,问就全选

https://yczbest.cn/wp-content/uploads/2021/01/wp_editor_md_825bf50f1007e51b5c8beb46095399d6.jpg

如果本地有VS勾选

https://yczbest.cn/wp-content/uploads/2021/01/wp_editor_md_3ff468a2d1a33cd9aa0de89ebc5ea62b.jpg

等待

image-20210116114154298

结束,并按任意键继续安装勾选的VS拓展

image-20210116114342569
image-20210116114359989

安装成功

image-20210116114810713

配置

npm在安装全局模块时的路径和缓存cache的路径

在执行例如npm install webpack -g等命令全局安装的时候,默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中,不方便管理且占用C盘空间

可以通过CMD指令npm root -g查看

新建两个文件夹

https://yczbest.cn/wp-content/uploads/2021/01/wp_editor_md_a16bc49c5abd081a2d635c56a1068870.jpg
npm config set prefix "F:\Program Files\Node.js\node_global"
npm config set cache "F:\Program Files\Node.js\node_cache"
image-20210116115517205

添加global到环境变量Path里

我们在执行指令时,它会默认在node安装根目录下查找指令文件,在这里就是vue.cmd,然后还会在node安装根目录下的node_modules下查找依赖包文件夹,在这里就是@vue文件夹,因为我们修改了全局包的存放路径,所以自然找不到了,所以我们需要把我们指定的全局包存放路径添加到系统环境变量,这样就可以找到了

https://yczbest.cn/wp-content/uploads/2021/01/wp_editor_md_cdbfa9af6bc71bc574c357bd22601b60.jpg

修改镜像源

查看目前镜像源

npm get registry

修改为淘宝镜像源

npm config set registry https://registry.npm.taobao.org

使用

安装webpack

npm install webpack -g
https://yczbest.cn/wp-content/uploads/2021/01/wp_editor_md_b267f83a4cf07edd132279319eacfa80.jpg

发表评论

textsms
account_circle
email

大白糖奶兔的Blog

node.js以及npm包管理器安装与配置
Node.js与npm包管理器安装与配置 安装 无脑下一步 选择Node.js安装位置 别问,问就全选 如果本地有VS勾选 等待 结束,并按任意键继续安装勾选的VS拓展 安装成功 …
扫描二维码继续阅读
2021-01-16
Title - Artist
0:00