vscode 如何运行html页面,就跟vs那样,F5!!

vscode 如何运行html页面,就跟vs那样,F5!!,第1张

插件里面下载工具,open in browser或者view in browser,自己设置快捷键和默认的浏览器就可以了,小白最好先自己了解一下计算机基础知识(注意是基础知识不是基本 *** 作)和一些开发环境的搭建,自己可以在codevisualstudiocom里面学习,里面介绍得很详细了,但是没有中文,最好自己一点点看顺便学习一下英语,英语是开发者的必备!!!

vscode相对来说要更易用和友好一点,插件更丰富,代码提示和补全功能更强大。和相关的前端打包部署工具、代码管理工具亲和性更强,生态良好。

最重要的一点,vscode目前已逐渐成为编程主流编辑器,用户众多,遇到问题时不用担心找不到答案。

前端开发者对于vscode想必不陌生,它插件市场中拥有很多开发者开发的插件,让这个编辑器能力的潜力变得无限可能。如果你觉得vscode的功能不能满足你的要求,你完全可以自己去开发拓展一个插件,来增强自己vscode的功能。

我现在有一个需求,就是可以快速复制文件夹或者文件的名称。

这个该怎么做呢。让我们左手开发吧。

运行生成器,填好下方配置,比如插件名啥的。这里我选择的开发方式是typescript

先看看构建好的目录,主要文件就是packagejson 和 extensionts(因为我选择的语言是typescript

packagejson

以上主要的配置就是 packagejson 中的主要内容,我已经加以注释

接下来我们在 src/extensionts 中实现

我们只需要点击 Run Extension 即可,此时将打开一个新的 vscode 窗口,显示 Extension Development Host
可以看到我们右键的菜单上成功多了一个功能。点击后成功给出提示,并能粘贴

至此,一个简单的功能便完成了。

打包成 vsix 文件

打开发布市场 官方网站 , 创建自己的发布账号,然后记录下自己的个人 token , 即可开始发布。

输入自己的账号,和 token 之后就可以发布了。等待几分钟后就可以在网页看到自己的项目
在vscode中也可以搜索到

VS Code 插件开发文档
vscode Extension API

1、在小程序开发工具中把项目搭建好。
2、在vscode中打开建好的小程序项目,这个时候小程序项目目录下面会生成几个文件夹,注意别提交到svn里面。
3、进行小程序的插件安装,先搜索安装vscodeweappapi,这是小程序的语法结构api。
4、安装vscodewxml这个插件即可。

使用 VSCode 调试 Nodejs 的时候,
遇到 child_process 中的断点,是跟不进去的。

(1)目录结构
打开 VSCode,并以 main 作为根目录,

(2)appjs

(3)child/processjs

(4)vscode/launchjson

main 项目中按 F5 ,程序会停在 appjs 中的断点处,单步调试,

然后,调试进程就结束了。并不会跑到第 6 行的断点处,

child/processjs 中的断点,也跑不进去,

以上示例中,我们发现 VSCode 无法调试到 child_process 中。
也不确定 VSCode 未来是否会支持。

当前我们可以通过 Debug 的 Attach 方式,对 child_process 进行调试。

我们需要另一个 VSCode 实例来 Attach,两个 VSCode 一起使用。

main 项目的 vscode/launchjson 启动 main/appjs
attach 项目的 vscode/launchjson attach 到 child_process

目录结构分别如下,

为了能 attach 成功,我们需要同步修改 main/appjs 与 attach/vscode/launchjson,
调试端口号可以任选,不一定的 9001 ,但应保持一致。

(1)main/appjs

(2)attach/vscode/launchjson

(1)启动 main 项目

(2)debug attach 项目
attach 项目中按 F5 ,VSCode 会 attach 到已经启动的子进程上,

(1)main 项目,按 F5 启动调试

main 项目单步调试,

这时子进程已经启动了,切换到 attach 项目启动调试。

(2)attach 项目,按 F5 启动调试

attach 项目单步调试,

(3)main 项目 childsend

main 项目单步调试,断点直接跑到了 attach 项目中,

attach 项目单步调试,断点又回到 main 项目,

Debugging in Visual Studio Code


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10551579.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-09
下一篇 2023-05-09

发表评论

登录后才能评论

评论列表(0条)

保存