Nodejs-Vue安装及环境配置实践

作者:袖梨 2026-06-08

一、下载Node.js

1、下载地址:https://nodejs.org/en/download/

2、下载:注意选择 系统和位数 ,注意下载的地址:

Nodejs/Vue安装及环境配置实践

3、安装:

(1)建议还是修改一下安装位置,NodeJS默认安装位置为 C:Program Files安装,可以选择自己的安装位置,安装时一直都是next,我选择的是“C:”

(2)在"C:"下打开cmd 输入

  node -v  // 查看node的版本,出现版本就安装成功了!  npm -v // 查看node的版本,出现版本就安装成功了!

二、环境配置

1、创建npm模块目录:

分别在node里安装目录下创建node_cache和node_global两个文件夹。

Nodejs/Vue安装及环境配置实践

2、打开cmd输入:

npm config set prefix "C:nodenode_global"npm config set cache "C:nodenode_cache"

3、配置环境变量:

我的电脑->右键->属性->高级系统设置->高级->环境变量

Nodejs/Vue安装及环境配置实践

系统变量配置:

复制“C:nodenode_globalnode_modules”路径

Nodejs/Vue安装及环境配置实践

Nodejs/Vue安装及环境配置实践

配置完 系统变量,接下来配置 用户变量,复制你的“…node_global”路径。

复制node下的“…node_global”路径代替Path路径。配置写完路径后全部点击确定就可以了。

Nodejs/Vue安装及环境配置实践

三、vue安装(命令行安装)

1、vue-cli安装:

cnpm install --global vue-cli // vue-cli全局安装vue -V       //查看版本,注意V 是大写

2、npm安装:

cnpm install npm -gnpm -v       //查看版本,注意v 是小写,处理查vue是大写

3、cnpm 安装:

npm install cnpm -g// 升级安装cnpm或npm install -g cnpm --registry=https://registry.npm.taobao.org

Nodejs/Vue安装及环境配置实践

4、vue/cli安装查看:

npm install -g @vue/cli

Nodejs/Vue安装及环境配置实践

5、express模块安装(按需求安装):

npm install express -g // -g是全局安装的意思

Nodejs/Vue安装及环境配置实践

Nodejs/Vue安装及环境配置实践

这样就安装好了!加油!

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持本站。

相关文章

精彩推荐