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

下一页

相关推荐
鸡啄米的时光机7 小时前
vscode的一些实用操作
vscode·学习
灰色人生qwer11 小时前
React + TypeScript+ Vite 配置路径别名和vscode智能路径提示
vscode·react.js·typescript
莲动渔舟12 小时前
赶AI大潮:在VSCode中使用DeepSeek及近百种模型的极简方法
ide·人工智能·vscode·deepseek
咩咩大主教13 小时前
VSCode运行Go程序报错:Unable to process `evaluate`: debuggee is running
开发语言·ide·vscode·golang·编辑器
佛曰我不想说话13 小时前
通过VSCode直接连接使用 GPT的编程助手
ide·vscode·copilot
羊村懒哥16 小时前
VScode内接入deepseek包过程(本地部署版包会)
人工智能·vscode·deepseek
温酒往事·17 小时前
无缝对接[系列2]:在VSCode中继续接入本地DeepSeek的完整指南
ide·vscode·编辑器
Tom·猫1 天前
VSCODE - 连接远程linux服务器,报错XHR failed 解决方法
linux·服务器·vscode
艾斯比的日常1 天前
更高效实用 vscode 的常用设置
ide·vscode·编辑器
大得3691 天前
Visual Studio Code使用ai大模型编成
ide·vscode·编辑器