目录

1、安装VsCode

进入官网 https://code.visualstudio.com/
下载成功后，点击安装，本软件为免费软件，安装完成后可直接双击开启软件。
在这里插入图片描述
安装成功后打开软件界面如下：在这里插入图片描述

2、配置VSCode

2.1配置语言

点击商店，在搜索栏中输入Chinese，会搜索到很多插件，选择安装如图所示语言插件。完成后重启软件。
在这里插入图片描述
重启后，软件界面如下：在这里插入图片描述

2.2安装扩展工具

常规使用的扩展工具有：vetur、Prettier - Code formatter和ESLint，如图：在这里插入图片描述
在安装标签自动补齐插件Auto Close Tag和标签自动重命名插件Auto Rename Tag
在这里插入图片描述

3运行程序

选择文件->打开文件夹（选择VUE项目文件夹）
在这里插入图片描述
选择终端->运行程序
在这里插入图片描述
选择npm:dev
在这里插入图片描述

进行编译
在这里插入图片描述
编译完成后Ctrl+鼠标点击链接打开网站，如图：在这里插入图片描述
在这里插入图片描述

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

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue