二、基于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

下一页

相关推荐
Bob99987 小时前
Amlogic S905L3系列盒子 ROM DIY相关
java·javascript·数据仓库·vscode·eclipse·tomcat·vim
Humbunklung8 小时前
Visual Studio Code 使用tab键往左和往右缩进内容
ide·vscode·编辑器
pink大呲花11 小时前
设置右键打开VSCode
ide·vscode·编辑器
春蕾夏荷_72829772513 小时前
vscode 使用gitcode团队管理项目
vscode·gitcode
AIVoyager1 天前
vscode本地化显示远程图形化界面
ide·vscode·编辑器
苏克贝塔1 天前
2025 VSCode中如何进行dotnet开发环境配置完整教程
ide·vscode·编辑器
Ven%3 天前
VsCode如何使用默认程序打开word Excel pdf等文件
ide·vscode·pdf·编辑器
Silence4Allen3 天前
VSCode 设置源代码根目录
ide·vscode·python·编辑器·pythonpath
mosepplin3 天前
VSCODE 报错Fatal error: can‘t create CMakeFiles/hello_world.elf.dir/C_/Users/...
ide·vscode·编辑器
青松@FasterAI3 天前
【动手学大模型开发】VSCode 连接远程服务器
服务器·ide·vscode