创建前端环境vue+nodejs

创建前端环境vue+nodejs

1.安装下载node.js(这里的版本是14.15.1）网址：https://nodejs.org/en/我设置的路径

这里我没有勾选：

安装完成：

在cmd（管理员身份打开）输入node -v能够看到对应版本号即为安装成功

2.在node.js安装路径下新建node_global和node_cache文件夹

打开cmd,然后分两次输入以下语句来设置缓存文件和全局模块存放路径：

输入npm root -g出现下图则配置成功：

3.设置环境变量（很多问题都出在环境变量的配置中）

在path新增路径：

新增系统变量NODE_PATH：

将用户变量中的npm路径替换成node.js的node_global地址：

4.基于node安装cnpm(下载速度比npm快)：

然后重启cmd输入cnpm -v，出现下图则安装成功

然后再将NODE_PATH的地址改成D:\software\Node.js\node_global\node_modules
5.下载安装vue-cli
输入cnpm install vue-cli -g

输入：vue -V出现其版本号即为安装成功

6.下载安装webpack和webpack-cli输入cnpm install webpack -g下载

然后输入cnpm install webpack-cli -g

下载完成后输入webpack -v出现下图就安装成功啦