二、基于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中安装git详细新手教程
前端·ide·git·vscode
lucky九年8 小时前
vscode翻译插件
ide·vscode·编辑器
真·Wild·攻城狮9 小时前
【码农日常】Vscode Clangd初始化失败(Win10)
ide·vscode·编辑器
小堇不是码农9 小时前
在VScode中配置C_C++环境
c语言·c++·vscode
七灵微9 小时前
【测试】【Debug】vscode中同一个测试用例出现重复
ide·vscode·编辑器
哇咔咔哇咔1 天前
使用Markdown编写适用于GitHub的README.md文件的目录结构
vscode·markdown
羊小猪~~1 天前
神经网络基础--什么是神经网络?? 常用激活函数是什么???
人工智能·vscode·深度学习·神经网络·机器学习
Eiceblue1 天前
Python 在PDF中绘制形状(线条、矩形、椭圆形等)
vscode·python·pycharm·pdf
tekin2 天前
vscode php Launch built-in server and debug, PHP内置服务xdebug调试,自定义启动参数配置使用示例
ide·vscode·php·launch.json·runtimeargs·php内置服务自定义参数