安装nodejs,配置vue项目

本文介绍了如何安装Node.js及其版本检查,确保Vue项目运行正常。同时,提供了安装PHP Redis扩展的步骤,包括下载扩展文件、根据PHPInfo选择正确版本并启用Redis服务的指引。

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

  1. 下载nodejs.下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/
    在这里插入图片描述

  2. 在node.exe目录下执行(地址栏输入CMD): node -v 命令,查看node的版本,若出现相应的版本号,则说明你安装成功了。
    安装了node也就有了npm 直接输入 npm -v 命令,显示npm的版本信息。

  3. 在nodejs目录下新建两个目录:node_cache node_global
    在这里插入图片描述

  4. 安装vue-cli, CMD执行npm install vue-cli -g

  5. 添加环境变量:C:\Program Files\nodejs\node_global\;C:\Program Files\nodejs (根据自己目录填写)

  6. 新建环境变量”NODE_PATH”,输入”D:\nodejs\node_global\node_modules”(根据自己目录填写)

  7. 在你的vue项目目录下:CMD下输入 npm run dev
    例如在我的vue项目中在这里插入图片描述
    在这里插入图片描述
    如果运行成功则显示下面:

在这里插入图片描述

然后在浏览器中输入生成的网址 http://localhost:8080`,网页显示正常则代表vue项目正常。

下面附安装篇【PHP】redis 扩展:
1。安装redis:https://www.runoob.com/redis/redis-install.html
2。下载php扩展redis:
地址:https://windows.php.net/downloads/pecl/releases/redis/2.2.7/
和https://windows.php.net/downloads/pecl/releases/igbinary/1.2.1/
按照https://www.cnblogs.com/godlei/p/6502174.html安装redis,版本选择nts和x86的(看下phpnfo()这个函数,PHPstudy右键)
在这里插入图片描述

点击后出现:
在这里插入图片描述
3。开启redis服务 :找到redis所在文件夹启动redis-server.exe
Redis详细操作:(外部链接:)
https://www.cnblogs.com/chengxs/p/9090819.html

### 如何在Node.js环境中配置Vue.js #### 准备工作 为了确保能够顺利地在一个Node.js环境中配置并启动一个Vue.js项目,需要先确认Node.js及其包管理工具npm已经正确安装。Node.js自带npm,这使得通过命令行来管理和安装依赖变得简单而高效[^1]。 #### 创建Vue项目 一旦Node.js和npm准备就绪,在Node.js环境下创建一个新的Vue项目可以通过`vue-cli`完成。首先需全局安装`@vue/cli`以便于后续项目的初始化: ```bash npm install -g @vue/cli ``` 接着利用`vue create`指令指定新项目的名称来进行创建: ```bash vue create my-vue-app ``` 此过程会引导用户选择一系列预设选项或是手动挑选特性,如路由、CSS预处理器等,以满足不同需求下的开发环境构建[^2]。 #### 测试安装成果 对于验证Node.js以及相关组件是否成功部署至目标机器上,可以在任意目录内执行如下命令设置自定义的全局模块与缓存路径,从而更好地控制本地资源位置: ```bash npm config set prefix "D:\Software\nodejs\node_global" npm config set cache "D:\Software\nodejs\node_cache" ``` 上述命令中的路径应依据个人实际情况调整。之后进入之前创建好的Vue应用文件夹并通过`npm run serve`尝试启动服务端口监听,观察是否有任何错误提示出现;正常情况下浏览器访问http://localhost:8080即可看到默认首页显示出来[^3]。 #### 进一步优化 考虑到实际应用场景可能涉及更复杂的业务逻辑处理或团队协作模式,则建议进一步探索官方文档所提供的高级指南部分,学习有关插件生态系统的运用技巧,比如TypeScript集成、单元测试框架接入等方面的知识点[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

Jason Ho

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值