运行vue项目完整流程

所需环境：node

1.检查电脑时候有node环境

win键+R打开，输入 cmd 回车

在命令行中输入 node -v

有版本号则表示有node环境

若无node可前往官网直接下载

Node.js — Previous Releases

这里建议安装16版本（支持vue2/vue3），若是低版本vue可下载更低版本node

安装步骤一直下一步即可（默认C 盘防止后续环境出现其他问题）

2.打开vue项目文件夹（建议用vscode打开）

注意辨别vue文件夹，文件夹下直接有完整的public、src文件夹等才是真正vue根目录

而不是还要嵌套一层文件夹

以下是错误选择

• 若无vscode，用idea打开也无妨

用vscode打开可直接新建终端运行指令

• 打开终端后，点击package.json文件下查看运行指令，示范中为 npm run serve (记得按回车键)  (部分项目是 npm run dev )

以下为运行成功效果：Ctrl + 单击 可打开到浏览器运行，或复制 http://localhost:8080/ 到浏览器地址（注意8080为运行端口，不同项目端口会不同）

浏览器效果：

• 特殊情况：无vscode情况

到所在文件夹单击路径

输入 cmd

即可用命令行打开运行相关指令