该博客之前建议查看上两篇博客关于vscode安装与vue环境配置
1、vscode安装
2、vue环境配置

vue插件的安装

vetur安装

该插件是vue文件基本语法的高亮插件，在插件窗口中输入vetur点击安装插件就行。
vetur

eslint安装

eslint智能错误检测插件，在具体开发中作用很大，能够及时的帮我们发现错误。至于安装，同样打开插件扩展窗口输入eslint点击安装插件
在这里插入图片描述

Auto Close Tag安装

Auto Close Tag 自动闭合HTML/XML标签
在这里插入图片描述

Auto Rename Tag安装

Auto Rename Tag 自动完成另一侧标签的同步修改在这里插入图片描述

Debugger for Chrome安装

Debugger for Chrome 映射vscode上的断点到chrome上，方便调试
在这里插入图片描述

打开文件运行

右键——>打开文件夹，然后导入项目。Ctrl+shift+Y呼出控制台，在控制台终端输入npm install添加包依赖

如果报错，则以管理员身份运行再执行
在这里插入图片描述
执行命令npm run dev
在这里插入图片描述
项目运行界面
在这里插入图片描述

其他插件

open in browser
直接右键项目单击启动，运行单个HTML页面
在这里插入图片描述
JavaScript(ES6) code snippets
ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间
在这里插入图片描述
Path Intellisense 自动路径补全
在这里插入图片描述

# vue.js
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue