Vue项目开发需要准备和配置些什么环境？

Vue项目开发需要准备和配置些什么环境？

一、首先需要安装node.js
下载：安装node.js链接 安装在D盘

window+R,输入cmd,打开命令提示符窗口，输入：

npm -v

检测是否安装成功，如果输出版本号，则表示安装成功，如图：

npm包管理工具（package manager）自动安装完成

二、改变原有的环境变量

1、首先配置npm的全局模块的存放路径、cache的路径，此处我选择放在：D:\Program Files\nodejs
输入如下命令：

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

如下图所示：

完成后可以在文件夹中看到相应名字的文件夹，如下：

2、在系统环境变量添加NODE_PATH,输入路径为：
D:\Program Files\nodejs\node_global
操作如下：我的电脑右击，打开属性->高级系统设置->环境变量->新建（系统变量下）->输入变量名NODE_PATH->变量值：输入上面路径，确定即可。

3、在命令行输入以下命令安装express（注：“-g”表示安装到global目录下，就是上面设置的node_global中）

npm install express -g

可以看到node_global/node_modules下有express了，如图：

4、在命令行输入node进入编辑模式，输入以下代码检测是否能正常加载模块：

require(‘express’)

如果成功，如上图显示；如果出错，检测下上面配置的NODE_PATH是否配置或者配置正确。

三、安装cnpm

1、安装cnpm，输入以下命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

2、查看cnpm是否真安装成功

cnpm -v

这样就是安装成功了

出现cnpm 是不是内部或者外部命令，不要着急 配置电脑path变量

3、配置电脑变量


4、编辑系统变量

cnpm 默认的实在你的nodejs下的node_global

复制以下路径

添加到

好了，完成了，关闭黑窗口，再次打开 输入

cnpm -v

结束