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

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

vue2项目需要Python2吗_npm


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

npm -v

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

vue2项目需要Python2吗_环境变量_02

npm包管理工具(package manager)自动安装完成

vue2项目需要Python2吗_vue2项目需要Python2吗_03

二、改变原有的环境变量

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"

如下图所示:

vue2项目需要Python2吗_nodejs_04


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

vue2项目需要Python2吗_vue2项目需要Python2吗_05


2、在系统环境变量添加NODE_PATH,输入路径为:

D:\Program Files\nodejs\node_global

操作如下:我的电脑右击,打开属性->高级系统设置->环境变量->新建(系统变量下)->输入变量名NODE_PATH->变量值:输入上面路径,确定即可。

vue2项目需要Python2吗_nodejs_06


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

npm install express -g

vue2项目需要Python2吗_vue2项目需要Python2吗_07


可以看到node_global/node_modules下有express了,如图:

vue2项目需要Python2吗_npm_08


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

require(‘express’)

vue2项目需要Python2吗_vue2项目需要Python2吗_09


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

三、安装cnpm

1、安装cnpm,输入以下命令:

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

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

cnpm -v

vue2项目需要Python2吗_vue2项目需要Python2吗_10


这样就是安装成功了

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

3、配置电脑变量

vue2项目需要Python2吗_环境变量_11


vue2项目需要Python2吗_vue_12


4、编辑系统变量

vue2项目需要Python2吗_nodejs_13


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

vue2项目需要Python2吗_环境变量_14


复制以下路径

vue2项目需要Python2吗_npm_15


添加到

vue2项目需要Python2吗_npm_16


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

cnpm -v

结束