idea启动vue项目配置

转载于: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位版本

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

2. 配置环境变量

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

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

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

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

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

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

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

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

D:\Dev\nodejs\node_global

D:\Dev\nodejs\node_cache

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

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

结果图下图：

4. 配置npm环境变量

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

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

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

5. 安装cnpm

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

再执行 npm install cnpm -g

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

D:\Program Files\nodejs\node_global

至此，npm和cnpm安装完成。