初学者只需装这5个插件即可跑通js开发闭环：eslint（实时标红语法错误）、prettier（保存自动格式化）、live server（热重载本地服务器）、javascript and typescript nightly（精准补全）、code spell checker（拼写纠错），配合settings.json关键配置，即可高效起步。
初学者装插件，别贪多，这5个先配齐
刚打开 VSCode 就搜“插件”，很容易被上百个推荐刷晕。实际只用 5 个就能跑通 JS 开发闭环：写、查、跑、修、看。
-
ESLint：装完立刻标红语法错误（比如console.log(少了右括号），不是“可有可无”，是防止新手抄错代码还找不到问题 -
Prettier：保存自动格式化，缩进、空格、换行全按标准来，不用纠结“为什么我的代码和教程长得不一样” -
Live Server：右键 HTML 文件点“Open with Live Server”，本地启动一个带热重载的小服务器——比直接双击打开file://地址靠谱得多，避免跨域报错CORS error -
JavaScript and TypeScript Nightly：补全更准，比如输document.后能提示getElementById，而不是只显示一堆不相关的属性 -
Code Spell Checker：拼错console.log写成consol.log或变量名userNmae，它会立刻下划红线
其他插件（比如 Vetur、Quokka、Bracket Pair Colorizer）等你写满 200 行 JS 后再加，初期堆太多反而干扰注意力。
写第一个 JS 文件，别从 console.log("hello") 开始
新手常卡在“写了代码但看不到效果”。根本原因不是语法错，而是没搭对执行环境。
Comprehensive Three.js 3D graphics reference
下载
详细的 Three.js 3D 图形参考，涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。
- 必须建两个文件：
index.html和app.js，不能只写 JS 文件 -
index.html里要显式引入 JS：<script src="./app.js"></script>，路径写错（比如漏掉./或写成../app.js）会导致控制台报404 Not Found - 不要用 Ctrl+Click 直接打开 HTML——这是
file://协议，AJAX、fetch、模块导入全失效；务必用Live Server启动 - 调试时优先看浏览器开发者工具的 Console 面板，而不是盯着 VSCode 编辑器里有没有红色波浪线
console.log 不是万能的，但它是新手唯一该信任的调试工具
初学阶段别碰 debugger、断点、Watch 表达式。那些功能依赖对执行上下文的理解，而新手连 this 指向都容易混乱。
- 把
console.log当“探针”：在函数开头、关键计算后、条件分支里各打一行，例如console.log("user input:", input) - 别只打
console.log(input)—— 加描述文字才能区分多个输出，否则滚动屏里全是"admin"，根本不知道是谁打的 - 遇到
undefined，先检查是不是变量没声明、DOM 元素没找到（document.getElementById("xxx")返回 null）、或者异步回调还没执行完就去读值 - 如果
console.log什么都没输出，第一反应不是代码错，而是脚本根本没加载成功——回看index.html的<script></script>标签是否写错路径或位置（比如放在里但 DOM 还没渲染）
插件配置别跳过 settings.json 手动改这3项
装完插件不配，等于白装。VSCode 默认设置对新手不友好，尤其 JS 开发。
- 关掉
javascript.suggest.autoImports：默认开启，结果一输fetch就自动补全一堆import，新手根本看不懂，关掉后补全只给原生 API - 设
"editor.tabSize": 2：JS 社区通用缩进是 2 空格，不是 4，也不是 Tab 字符，统一能避免协作时格式冲突 - 加
"eslint.enable": true和"prettier.enable": true：有些插件装了但默认不激活，这两行确保它们真正在后台工作
这些配置直接写进工作区的 .vscode/settings.json，比在图形界面里点几十次鼠标更快，也避免换电脑重装后又要调一遍。
