0
点赞
收藏
分享

微信扫一扫

idea启动vue项目配置

_铁马冰河_ 2022-01-07 阅读 69

转载于:https://www.cnblogs.com/dalyday/p/10664287.html

  1. 安装node.js

下载地址:
Download | Node.js
Node.js® is a JavaScript runtime built on Chrome’s V8 JavaScript engine.
https://nodejs.org/en/download/

打开链接根据需要选择安装包,这里我选择的是windows installer 64位版本

img

下载完成后点击安装,一路next结束即可。

  1. 配置环境变量

安装完node.js后会自动在系统变量path中添加node的环境变量。打开cmd输入node -v检查安装结果和环境变量是否配置成功。

img

如上图说明安装成功,系统变量也添加成功。如果系统变量添加不成功,手动添加:

环境变量——系统变量——选择Path,编辑——输入node的安装目录,如下图:

img

  1. npm配置全局目录和缓存目录

新版的node.js自带npm,node安装成功说明npm也安装成功。cmd输入npm -v 检查npm安装结果

img

img

上图表明node集成npm安装成功。

接下来配置npm的缓存目录和全局目录,重新规划这两个目录,避免npm的模块全部安装到默认安装目录:C:\Users\桌面\AppData\Roaming下,逐渐占用C盘空间。

我这里新建全局目录和缓存目录为:

D:\Dev\nodejs\node_global

D:\Dev\nodejs\node_cache

img

执行下面两个命令完成目录修改:

npm config set prefix “D:\Dev\nodejs\node_global”
npm config set cache “D:\Dev\nodejs\node_cache”

在执行下面命令检查设置结果:

npm config get prefix
npm config get cache

结果图下图:

img

  1. 配置npm环境变量

在环境变量的配置界面配置NODE_PATH,值填D:\Dev\nodejs\node_global\node_modules(选到上一部配置的全局目录下 node_modules)

img

将配置好的NODE_PATH添加到系统Path变量中,并在Path变量中添加修改后的nodejs默认的模块调用路径(D:\Dev\nodejs\node_global)

img

至此,npm安装配置完成。cmd检查配置结果,执行node回车,再输入require(‘cluster’),能正确输出信息则说明上述配置成功。

img

  1. 安装cnpm

修改npm包管理器的registry为淘宝镜像,执行npm config set registry https://registry.npm.taobao.org(官方地址为registry.npmjs.org)

再执行 npm install cnpm -g

img

cmd执行cpm -v,检查cnpm安装结果。
如果输入cnpm -v,不是内部命令的话,新增node_global的path环境配置

D:\Program Files\nodejs\node_global

img

至此,npm和cnpm安装完成。

举报

相关推荐

0 条评论