二、基于Vue3的开发-环境搭建【Visual Studio Code】扩展组件

Visual Studio Code中的扩展组件

  • 1、安装的扩展工具
  • 2、说明
    • [2.1 、代码规范性检查EsLint](#2.1 、代码规范性检查EsLint)
    • [2.2 、代码语法高亮提示工具Vue - Official](#2.2 、代码语法高亮提示工具Vue - Official)
    • [2.3 、阿里的AI代码开发提示工具 TONGYI Lingma](#2.3 、阿里的AI代码开发提示工具 TONGYI Lingma)

1、安装的扩展工具

2、说明

2.1 、代码规范性检查EsLint

Visual Studio Code 中【设置】-settings中进行配置

javascript 复制代码
//注意需要同时开启
{
                        "window.zoomLevel": 1,
                         "editor.tabSize": 2,
                         "workbench.editor.tabSizingFixedMaxWidth": 38,
                         
                         // 当保存的时候,eslint自动帮我们修复错误
                         "editor.codeActionsOnSave": {
                            "source.fixAll": "explicit"
                        },
                        // 保存代码,不自动格式化
                        "editor.formatOnSave": false,
                        
                        "editor.minimap.enabled": false,
                        "eslint.useFlatConfig": false,
                        "emmet.triggerExpansionOnTab": true,
                        "javascript.updateImportsOnFileMove.enabled": "never"
}

2.2 、代码语法高亮提示工具Vue - Official

2.3 、阿里的AI代码开发提示工具 TONGYI Lingma

下一页

相关推荐
假装我不帅12 小时前
wsl+vscode开发.net项目
ide·vscode·.net
小蕾Java13 小时前
【VSCode】Visual Studio Code 2025安装包及安装教程 (附所有版本下载)
ide·vscode·编辑器
达子66614 小时前
用Vscode编译正点原子ESP32例程报错:ninja: error: loading ‘build.ninja‘: 系统找不到指定的文件
ide·vscode·编辑器
热爱生活的五柒15 小时前
vscode如何链接远程服务器里面的docker里面的目录
服务器·vscode·docker
小蕾Java17 小时前
【VSCode】Visual Studio Code 2024安装包及安装教程 (附所有版本下载)
ide·vscode·编辑器
亚林瓜子18 小时前
在vscode中全选后,同时在每行行尾,开始多行编辑(Mac版)
ide·vscode·macos
Dobby_051 天前
【Go】C++ 转 Go 第(一)天:环境搭建 Windows + VSCode 远程连接 Linux
linux·运维·c++·vscode·golang
tianyuanwo1 天前
VSCode高效使用完全指南:提升开发效率的系统化实践
ide·vscode·编辑器
LXA08092 天前
VSCode 常用插件全面详解
ide·vscode·编辑器
Sylvan Ding2 天前
VSCode插件推荐 2025 - 拥抱 Agentic Coding 时代:是时候从 PyCharm 切换到 VSCode 生态了!
ide·vscode·pycharm·extension·插件·agentic·氛围编程