• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

Visual Studio 2019配置vue项目的教程(最新)

武飞扬头像
一条会飞的猪
帮助1

问题点:在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/ 可访问到
学新通
学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhfjeaja
系列文章
更多 icon
同类精品
更多 icon
继续加载