Vue开发 -- Node.js环境配置以及项目运行（图文讲解）

目录

一、前言

二、Node

安装

查看

三、运行

下载依赖

遇到代理问题

运行

Vscode 查看与修改代码

四、其他参考

---

一、前言

写项目需要使用到Vue开发，恰好重新换电脑了，也就记录一下安装以及配置过程，记录一下遇到的问题和解决方法，方便以后看和参考

二、Node

安装

我使用的是百度网盘中的node版本，友友们可以自行选择。

node-v18.12.1-x64https://pan.baidu.com/s/1aJXTR3EndxyaHkmRnKBO9w?pwd=XZY0

可以定义路径选择，建议不要安装到C盘，懂得都懂~

点击 NEXT 即可

 需要选中框中的选项  点击 NEXT 即可

 点击 Install 即可

点击 Finish ，Node.js会自动配置相关环境

 这个就是要多等一会，等待Node自动下载一下东西

查看

使用 Win+R 打开命令窗口，输入cmd 进行指令模式

然后输入 ，看到输出有node，表示安装完成

node -v

三、运行

下载依赖

首先我们拿到一个项目之后，我们需要使用Node重新下载依赖，拿到之后是没有我框中的依赖部分的。

在该项目文件夹内进行命令输入

npm  install 

遇到代理问题

 可以参考这篇文章进行代理配置，没有就忽略

npm install 报错 ‘proxy‘ config is set properly. See: ‘npm help config‘https://blog.csdn.net/zz00008888/article/details/127852233

运行

最后运行npm  run  serve 即运行项目，以下就是运行成功，然后打开链接地址

npm  run  serve

Vscode 查看与修改代码

打开文件夹

在运行项目的前提下，我们修改了代码之后，点击网页的 F5 进行刷新 ，就可以自动更新修改的代码数据了

四、其他参考

Node.js下载安装及环境配置教程【超详细】https://blog.csdn.net/WHF__/article/details/129362462?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170555598216800184149646%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=170555598216800184149646&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_positive~default-1-129362462-null-null.142%5Ev99%5Epc_search_result_base7&utm_term=node%E4%B8%8B%E8%BD%BD&spm=1018.2226.3001.4187