安装node.js 环境,这样前段的vue项目就可以在cmd里面启动了

1 下载

将我发给你的百度云,里面找到这个

在这里插入图片描述
node开头的就是

将它下载到本地
然后解压,就是一个文件夹
在这里插入图片描述
接下来就是配置了

2 配置

在这里插入图片描述
node文件夹里面就是 你刚才解压的东西,打开是这样就对了

在这里插入图片描述
以上的结构一定要和我的一样,那两个只是创建个空文件夹就可以了。

这两个空文件夹的作用
node-global :npm全局安装位置

node-cache:npm 缓存路径

2.1 配置环境变量:

将node.exe 所在的目录添加到path环境变量,这样我们在使用命令行时就可以在任意路径使用node命令了,

1 我的电脑 右击属性
在这里插入图片描述
在这里插入图片描述
我的系统更新之后,点击属性就是这样,直接进入设置里面,如果你们没有更新,应该有一个高级系统设置,这个按钮

反正 找到这个按钮,还找不到自己百度

找到这个点击进去,进来就是系统属性

在这里插入图片描述
以上截图中,找到环境变量 ,点击进去

在这里插入图片描述
以上有两个位置,一个是用户变量,一个是系统变量,我们在系统变量里面做修改

在这里插入图片描述
点击新建,出来一个弹框

在这里插入图片描述
变量名字就写

NODE_PATH

变量值就是你创建的全局目录,比如我的是(一定是你本地的路径,你自己的路径)

在这里插入图片描述
就是箭头指的这个文件夹,点进去,你的应该里面什么都没有,是空的
复制这个路径
在这里插入图片描述

E:\node.js\node_global

将他们写在弹出来的框里面
最后弹出来的框就变为

在这里插入图片描述
上面点击确定,就保存好了

在这里插入图片描述

接下来找到这个

在这里插入图片描述
双击,就弹出一个框

在这里插入图片描述
点击新建

在这里插入图片描述
在这个新的一行里面,写这个东西
(一定是你本地的路径,你自己的路径)
在这里插入图片描述
这个是你刚才解压的路径

在这里插入图片描述
然后点击确定,一路确定

写到这里其实node就算已经装好了。
在这里插入图片描述

npm config set prefix "D:\softinstall\node18.20\node_global"
npm config set cache "D:\softinstall\node18.20\node_cache"

npm config ls 查看全局安装的配置信息

如何确定你电脑已经将node环境配置好了,那么就可以打开cmd
环境变量配置好之后,重新打开cmd,一定是重新打开,之前打开的关闭,重新打开

在这里插入图片描述
在命令行中输入如下命令测试

node -v

npm -v

在这里插入图片描述
如果出现对应的版本号,那么你电脑就有了node环境,之后就可以在cmd里面启动vue项目了

2.2 安装一个东西

安装东西比较慢

查看本来的镜像

npm get registry

在这里插入图片描述

我们要换一个淘宝的镜像

npm config set registry https://registry.npm.taobao.org

在这里插入图片描述

以上已经更换了镜像,以后下载东西就快了

我们下载一个Vue-cli 脚手架,不知道的自己百度

npm install -g vue-cli

在这里插入图片描述

在这里插入图片描述
以上就把下载的东西放到我配置的文件夹里面了

点击下面,看另一篇文章

cmd命令如何启动vue项目

### 解决Vue项目无法在D盘创建的问题 当遇到Vue项目无法在D盘创建的情况时,通常的原因在于权限不足或环境配置不当。以下是详细的解决方案: #### 使用管理员身份运行终端 为了确保有足够的权限执行命令,在打开命令提示符或PowerShell时应选择“以管理员身份运行”。这可以避免因权限不足而导致的操作失败[^1]。 ```bash # 以管理员身份运行CMD或Powershell后切换至目标磁盘并尝试重新创建项目 D: cd \path\to\project vue create my-project ``` #### 调整Node.js及其全局模块的位置 如果Node.js安装到了非C盘位置(例如D盘),可能会引发一些潜在问题。通过调整`NODE_PATH`环境变量指向正确的节点模块路径,并更新用户的PATH变量来反映新的npm全局包存储地址,能够有效缓解此类情况带来的影响[^5]。 - **设置系统环境变量** - 右键点击“计算机/此电脑”,选择“属性” - 进入“高级系统设置”下的“环境变量” - 在“系统变量”部分新增名为`NODE_PATH`的条目,其值设为node_global文件夹内的node_modules目录绝对路径 - **修改用户级别的PATH** 将原有的npm默认路径替换为自定义的node_global路径,比如 `E:\develop\nodejs\node_global`. #### 更改工作区默认位置 首次启动CLI工具时,默认会将新项目放置于C盘内;为了避免这种情况发生,可以在初始化阶段指定不同的根目录作为保存地点[^4]. ```bash # 创建项目前先导航到期望的工作空间 mkdir d:\projects && cd /d d:\projects vue create . ``` 以上措施结合起来可以帮助克服由于操作系统层面的因素所引起的跨分区操作障碍,从而顺利地在一个不同于初始设定的目标驱动器上建立Vue应用程序实例。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一写代码就开心

你的打赏将是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值