win7系统vue3环境搭建

1、下载nodejs，下载完成后解压即可
https://nodejs.org/download/release/v13.14.0/node-v13.14.0-win-x86.zip

并在此目录中创建文件夹node_cache、node_global

2、新增"系统环境变量"
NODE_HOME D:\dthome\node-v13.14.0-win-x86
NODE_PATH D:\dthome\node-v13.14.0-win-x86\node_global

在"系统环境变量"的Path属性中新增
%NODE_HOME%;%NODE_PATH%;

3、配置nodejs
cmd中执行
npm config set prefix "D:\dthome\node-v13.14.0-win-x86\node_global"
npm config set cache "D:\dthome\node-v13.14.0-win-x86\node_cache"

没有提示就表示设置成功了

4、安装vscode
使用腾讯电脑管家软件管理下载速度比较快
在vscode中新建终端，进入D盘: cd D://

5、创建vue项目
在终端中执行
npm init vite@latest vue3-twg -- --template vue

使用vscode打开目录D:\vue3-twg

6、安装vite
npm install vite
安装vite后刷新工程目录，发现多了node_modules目录，这个目录就是项目运行依赖的模块

7、运行工程
npm run dev