没想到在vscode里启用vue项目调试这么简单

最新推荐文章于 2024-05-21 19:09:33 发布
最新推荐文章于 2024-05-21 19:09:33 发布
阅读量222 收藏
点赞数 3
分类专栏： 公众号 文章标签： vscode vue.js ide
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wannianchuan/article/details/138318492
版权

在 .vscode/lanch.json 中建个Chrome: Lanch配置

然后把url改成项目运行地址

用 npm run dev 把项目启动起来

再按F5启动调试就可以

 欢迎关注公众号：清晰编程，获取更多精彩内容

清晰编程
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vscode新建一个最简单的vue项目
09-27
vscode新建一个最简单的vue项目
详解VSCode配置启动Vue项目
10-17
主要介绍了VSCode配置启动Vue项目，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
基于vscode的vue开发
kessity的博客
06-29 5万+
  Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，是一个基于MVVM结构的轻量级框架，非常容易与其它库或已有项目整合。   安装vue需要借助npm指令集，所以一般会先安装node.js环境。 一 下载node.js环境   打开node.js的官网下载地址：http://nodejs.cn/download/   选择适合自己系统的安装包，本文以windows x64系统为例。   下载安装包后正
搭建vscode+vue环境
热门推荐
mao834099514的博客
01-23 16万+
一、安装vue.js1.简介Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现
Vue 项目如何在VSCode中进行断点调试
码侬人生
04-07 1141
简单介绍一下，在VSCode中如何对Vue项目进行断点调试。具体内容包括但不限于：如何配置调试环境、如何在代码中设置断点、如何启动调试以及如何解决在调试过程中可能遇到的问题。
在VScode中调试Vue3+Vite+ts的方法
weixin_42117463的博客
12-09 5334
在VScode中调试Vue3+Vite+ts的方法 添加launch.json，执行命令 pnpm dev；点击左侧导航栏运行和调试按钮，开始调试
vscode使用F5启动vue项目调试
六耳石猴的博客
09-08 2090
完成该配置在启动调试时就无须在终端敲npm命令或者找package.json文件去点击script上的三角按钮了，非常方便 在debug项添加launch.json文件 选择Node.js环境 删除program配置 这个是启动项目识别的入口文件，默认把当前聚焦的文件作为入口，项目整体启动调试的话不需要该配置 添加运行命令与执行器配置 可以通过修改命令配置使F5自动运行其他脚本，如 npm run serve "runtimeArgs": [ "run",
配置VS Code 使其支持vue项目断点调试
gqk01的博客
07-28 6345
起因每个应用，不论大小，都需要理解程序是如何运行失败的。当我们写的程序没有按照自己写的逻辑走的时候，我们就会逐步一一排查问题。在平常开发过程中我们可能会借助来排查,但是现在我们可以借助VS Code断点来调试项目。在可以从 Chrome 浏览器调试你的 Vue 组件之前，你需要更新 webpack 配置以构建 source map。做了这件事之后，我们的浏览器就有机会将一个被压缩的文件中的代码对应回其源文件相应的位置。
前段开发：配置VSCode像IDEA一样调试VUE项目
qq_22610595的博客
04-14 2968
如果不配置VSCode调试，那么我们的前段项目一般都是在浏览器中的开发者工具中调试，这样对于使用习惯了IDEA开发调试的人特别不习惯，这几天个人研究了下VSCode中的代码调试功能。
VSCode调试Vue代码
lihefei_coder的博客
06-14 4721
1.安装扩展 2.创建launch.js 会在当前项目下生成文件夹和配置文件 3.配置launch.js 字段说明： 字段 含义 ...
vscode html支持vue,vscode怎么支持vue
weixin_35625739的博客
07-01 2568
需要插件： ESLint，Prettier - Code formatter，Vetur打开用户设置文件：// vscode默认启用了根据文件类型自动设置tabsize的选项"editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 2,// #每次保存的时候自动格式化"editor.formatOnSave": true,/...
用webstorm和vscode断点调试vue
12-04
VUE断点调试技术 大家都知道后端开发是可以设置断点调试运行的,现在前端开发也可以和后端开发一样设置断点调试运行了
前端vue+vscode断点调试详解
11-11
前端vue+vscode断点调试详解 chrome,f12,Sources-Filesystem添加文件夹映射，即映射到本地项目的源码中进行断点调试 SourceMap能够让压缩翻译过的最终版的各种文件与原来未压缩过的文件对应起来
【开发 | 环境配置】解决 VSCode 编写 eBPF 程序找不到头文件
最新发布
Mercury_Lc的博客
05-21 133
在使用 vscode 编写 eBPF 程序时，如果不做一些头文件定位的操作，默认情况下头文件总是带有“红色下划线”，并且大部分的变量不会有提示与补全。在编写代码文件较小时（或者功能需求小时）并不会带来不方便。但在长时间编写以及多个程序文件都在使用时，无法补全和提示也影响着编程。
Docker安装、入门及VSCode链接（地平线OE docker镜像）
～勿据散客～的博客
05-18 560
x86架构的，编译完不能直接放到X3上用。这个镜像的目的是使用的地平线提供的深度网络模型部署工具链hb_mapper，该工具链不支持arm。你可能发现好像少了点什么？是的，我们已经默认在root，再也用不着sudo了！现在你又会发现，Docker的编译速度好慢！并没有比开发板快多少，甚至还能更慢！针对RDK X3的系统镜像，直接烧地平线Docker镜像的跳过2.1。是的，前面两种方法都无法满足我的需求，这是第三种方法了…： aarch64架构的，板子上用的就是这个了。你可能也发现了，这个系统也太小了点！
【jest 调试 - vscode debug】
qq_38428433的博客
05-16 153
jest 测试typescript，如果想对测试文件本身断点调试。
vscode对一些软件的调试插件。
zszwebart的博客
05-15 812
vscode对一些软件的调试插件。1、ae ，f1然后选择运行 after effect 脚本2、maya,右键send code to maya3、max，ctrl+e运行脚本到max4、unity从在Visual Studio代码使用.NET的核心：1、安装.NET Core SDK，链接:2、[仅Windows]注销或重新启动Windows，以使更改%PATH%生效。在Vscode 中下载插件。
51单片机+VsCode
Cx20190420的博客
05-15 259
写完代码点击构建,就可以生成 .hex文件了.烧录到单片机中即可.记号安装位置,我是安装在了 E:\Keil;一直点下去,然后输入项目名字,选择项目文件夹就可以了.这两个是必装的,剩下的就是锦上添花,比如花括号,等等。下载符合自己系统的版本。
在vscode中创建vue项目
08-20
在VS Code中创建Vue项目的步骤如下： 1. 首先，在VS Code中安装Vue代码高亮显示插件Vetur和ESLint代码规范插件。你可以通过点击左侧菜单栏的"扩展"图标，在搜索框中输入插件名称并点击安装按钮来安装这两个插件。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值