node.js +vue 安装配置

本文详细介绍Node.js的下载与安装流程,包括环境变量设置、npm配置,以及如何使用淘宝镜像加速安装过程。此外,还提供了安装Vue、Express、Webpack等常用前端工具的具体步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一.

node下载: https://nodejs.org/zh-cn/download/
在这里插入图片描述选择符合电脑的选项下载, 下载到本地以后打开傻瓜式安装, 目录随意

二,

安装好以后, 找到文件夹; 创建一下两个文件:
在这里插入图片描述
然后设置环境变量:
1, 设置用户变量
在用户变量Path中添加自己的node_global文件夹所在的路径,我的是D:\node\node_global
在这里插入图片描述

  1. 设置系统变量
    添加变量NODE_PATH,根据自己node_modules文件夹路径修改, 我的值为D:\node\node_global\node_modules.
    在这里插入图片描述
    在这里插入图片描述
    三.
    打开cmd窗口执行
    注意:下面两个填写自己文件路径.
    实例:
    1, npm config set prefix “D:\node\node_global”
    2, npm config set cache “D:\node\node_cache”
    1, 用途:
    本地安装:npm install express 会安装到当前项目
    全局安装:npm install express -g 会安装到指定的目录(node_global)
    2: 用途:
    node缓存和日志;

四,
接下来就可以在命令行测试安装是否成功:
node -v — 返回版本号
npm-v — 返回版本号

五.
安装vue.
第一:.安装淘宝镜像。cmd命令输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装…====安装成功接下里就可以使用cnpm安装了, 不然很慢(接下来的安装都可以把npm替换为cnpm)
第二.安装express(选择安装)。npm install -g express
4.安装webpack 。npm install -g webpack
5.安装vue。npm install vue (注意: 此处已经不是全局安装了, 会安装在当前目录)
6.安装vue-cli。npm install -g vue-cli

7, 到此安装成功:
查看版本号在这里插入图片描述
, 然后到命令行执行:
vue init webpack XXX = [projectname => 项目文件夹名称]
输入过一会会需要几个确认, 按提示进行即可;
在这里插入图片描述
执行完就安装成功了;

如果哪里不对请多多指定.谢谢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值