Node.js需正确安装并加入PATH，VS Code依赖系统环境；须用Vite创建Vue项目；必须安装Volar及TypeScript Vue Plugin扩展；运行项目应通过终端执行npm run dev而非点击运行按钮。
确认 Node.js 已正确安装并被 VS Code 识别
VS Code 本身不运行 Node.js，它依赖系统环境里的 node 和 npm 命令。装完 Node.js 后，必须先在终端里验证是否可用——否则 Vue 项目根本跑不起来。
打开 VS Code 内置终端（Ctrl+` 或 View → Terminal），输入：
node -v<br>npm -v
如果报错 command not found 或版本号为空，说明 Node.js 没进系统 PATH。Windows 用户重装时勾选 “Add to PATH”；macOS/Linux 用户检查 ~/.zshrc 或 ~/.bash_profile 是否有类似 export PATH="/usr/local/bin:$PATH" 的配置。
- 别用 VS Code 自带的“Shell Integration”开关来绕过 PATH 问题——它不解决根本
- 重启 VS Code 终端窗口比重启整个编辑器更有效
- 某些企业电脑禁用了全局 PATH，此时只能手动指定 npm 路径，但会连锁影响 Vue CLI 和 Vite
Vue 项目不能靠“下载 Node 就自动有了”
Node.js 是运行环境，Vue 是框架，两者之间隔着构建工具（Vite 或 Vue CLI）。你得主动创建一个 Vue 项目，VS Code 才有东西可编辑、可调试。
立即学习“前端免费学习笔记（深入）”；
推荐用 Vite（更快、更轻、Vue 官方主推）：
npm create vite@latest my-vue-app -- --template vue
然后进入目录并安装依赖：
cd my-vue-app<br>npm install
- 不要用
vue create（Vue CLI），除非你在维护老项目——它启动慢、配置层多，新手容易卡在 webpack 报错里 - 跳过
npm init vue@latest：这个命令会引导式提问，但默认选项里混了 TypeScript 和 ESLint，对刚起步的人是干扰项 - VS Code 打开的是整个
my-vue-app文件夹，不是单个.vue文件——否则无法识别src/结构和vite.config.js
VS Code 需要两个关键扩展才真正“支持 Vue”
没有扩展，VS Code 只把 .vue 文件当普通 HTML 处理：没语法高亮、没组件跳转、没 props 提示。光装 Node 没用。
PHPWEB绿色大气茶叶网站源码下载，源码为PHPWEB 2.05 的商业版。本来是为某人制作的网站，在制作之前，问及什么要求。说是没要求，然后按照某某网站来做即可。（即这套程序的1.X的版本）。我再三确认是否有别的要求。都说没有，然后在发给他看的时候又说不满意，完全和那边的站点一样。哎哟我的妈，当初要求就这样，我不按照这个来做怎么做？现在免费发布出来给大家吧！
必须安装：
-
Volar（不是 Vue Language Features）：Vue 3 官方推荐的语言服务器，支持
<script setup></script>和组合式 API -
TypeScript Vue Plugin (Volar)：配合 Volar 提供类型推导，尤其在
defineProps和defineEmits场景下关键
装完后，右下角可能弹出“Disable Vue Language Features？”——点 Disable and Reload。这是旧插件冲突提示，不是错误。
验证是否生效：打开 src/App.vue，把鼠标停在 defineProps 上，应该立刻显示类型定义；按住 Ctrl 点击 router-link 应该能跳转到对应组件。
运行项目时别直接点“运行”按钮
VS Code 顶部的绿色“运行”按钮（▶️）默认执行的是调试配置，不是 npm run dev。直接点它大概率报错 Cannot find module 'vue' 或卡在 “Starting development server…”。
正确做法是：在 VS Code 终端里手动运行：
npm run dev
它会启动开发服务器（通常是 http://localhost:5173），并在终端输出实时日志。保存 .vue 文件后，页面自动刷新。
- 别改
package.json里的"dev"脚本去加--host或--port，除非你需要外网访问——本地开发默认配置足够 - 如果终端报错
EACCES: permission denied，说明 npm 全局权限混乱，不要用sudo npm，而是重装 npm 并设置新前缀（npm config set prefix ~/.local） - Vite 默认不监听
public/下文件变动，放静态资源（如图片）建议放src/assets/，不然热更新会失效
最常被忽略的一点：Vue 单文件组件的响应式更新依赖 Volar 的语言服务进程。如果改了代码但 HMR 不触发，先关掉终端里的 dev server，再禁用/启用一次 Volar 扩展，而不是反复重启 VS Code。
