前端开发工具 —— vscode+nodejs

最新推荐文章于 2025-05-13 17:18:03 发布

IT界幼稚生

最新推荐文章于 2025-05-13 17:18:03 发布

阅读量702

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： vscode vscode前端插件 nodejs typings

本文链接：https://blog.csdn.net/Angelia620/article/details/103168634

本文介绍了如何配置Visual Studio Code（VSCode）作为前端开发环境，包括安装必要的插件如Auto Close Tag、Debug for Chrome、ESLint等。同时，针对typings插件安装不成功的问题，提供了解决方案，包括启用代码提示功能的两种方法。此外，还提到了Node.js的安装和验证过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一. 下载安装Visual Studio Code

配置前端开发环境：界面左下角“设置”图标，选择settings，输入settings.json，找到settings.json并进入

{
    "workbench.colorTheme": "Material Theme High Contrast",
    //"sublimeTextKeymap.promptV3Features": true,
    // 编辑器
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.snippetSuggestions": "top",
    "editor.renderWhitespace": "none",
    "editor.formatOnPaste": true,
    "editor.wordWrap": "on",
    "editor.fontSize": 18,
    "editor.tabSize": 2,
    // 文件资源管理
    "explorer.confirmDragAndDrop": false,
    "explorer.confirmDelete": false,
    // 终端
    "terminal.integrated.cursorBlinking": true,
    "terminal.integrated.cursorStyle": "line",
    "emmet.includeLanguages": {
        "vue-html": "html"
    },
    // 文件
    "files.eol": "\n",
    "files.associations": {
        "*.vue": "vue"
    },
    "files.autoSave": "afterDelay",
    // 窗口
    "window.