Visual Studio 2019配置vue项目的图文教程详解(最新)

问题点：在csdn找了好多配置教程，都没成功，运行显示解决：步骤：一，环境安装1：Vue项目一切基于Node.js，必须先安装NodeJS。下载地址：https://nodejs.org/zh-cn/安装nodejs,一路next就行了win+r输入cmd 查看node.js是否安装成功输入 node -v 和 npm -v得到版本信息证明安装成功。2：确认Visual Studio 2019环境

一条会飞的猪

5468人浏览 · 2022-02-25 18:15:27

一条会飞的猪 · 2022-02-25 18:15:27 发布

问题点：在csdn找了好多配置教程，都没成功，运行显示
在这里插入图片描述
解决：
步骤：

一，环境安装
1：Vue项目一切基于Node.js，必须先安装NodeJS。
下载地址：https://nodejs.org/zh-cn/
在这里插入图片描述

安装nodejs,一路next就行了
在这里插入图片描述

在这里插入图片描述
win+r 输入cmd 查看node.js是否安装成功

输入 node -v 和 npm -v 得到版本信息证明安装成功。
在这里插入图片描述

2：确认Visual Studio 2019环境：看扩展工具里有没有勾选Node.Js
在这里插入图片描述

在这里插入图片描述

3.创建项目

在这里插入图片描述

在这里插入图片描述
右击选择

运行npm的指令 npm install -g（这个指令会把你项目缺失的组件包全部补全）。
然后结束后再运行指令npm run serve(这是开发环境调试用的指令，能够在修改页面后自动刷新同步网页)

在这里插入图片描述
这里其他人修改的vue也无法运行成功，找了好久找到一个解决方法。运行
npm i --legacy-peer-deps

然后再运行npm run serve，之后就顺利运行成功
浏览器地址输入 http://localhost:8080/ 可访问到

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}$/, //不连续的两位字母// /^