windows下配置vue开发环境

安装nodejs,配置npm

1.下载安装包:下载地址:https://nodejs.org/en/download
这里选择了LTS .msi 64bit
2.安装node:下载完成后进行安装,记住安装的文件夹。本人安装路径为
D:\Program Files\nodejs

3.配置环境变量:
①安装完成后在用户系统变量Path下有一个默认的npm路径,将其删除,并添加:
D:\Program Files\nodejs
D:\Program Files\nodejs\node_global
新建变量NODE_PATH,值为D:\Program Files\nodejs\node_modules
②系统环境变量Path下添加:
D:\Program Files\nodejs\
%NODE_PATH%

4.配置node(防止c盘空间不够)
①在安装路径D:\Program Files\nodejs下新建以下两个文件夹:node_cache和node_global
②打开命令行执行以下,执行npm config get prefix,配置默认是在C盘路径
③执行两条修改命令:
npm config set prefix “D:\Program Files\nodejs\node_global”
npm config set cache “D:\Program Files\nodejs\node_cache”
④更改npm仓库镜像源:
npm config set registry https://registry.npmmirror.com

以上完成node安装配置,一下命令可查看信息
node -v
npm -v
npm config ls

5.安装webpack:npm install webpack -g

6.安装vue-cli:npm install @vue/cli -g
vue -V查看版本信息

开发工具:vscode

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值