二、基于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中进行配置

//注意需要同时开启
{
                        "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

下一页