vs code中如何运行html静态文件

最新推荐文章于 2024-04-28 23:27:12 发布
最新推荐文章于 2024-04-28 23:27:12 发布
阅读量1.5k 收藏 2
点赞数
分类专栏： vs code html 文章标签： vscode html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42973770/article/details/120507489
版权

vs code中如何运行html静态文件

快捷键 "win + R” 然后输入cmd
在cmd中粘贴 npm install -g live-server 安装完成后
在vs code右击html文件 打开终端 在终端中输入live-server 执行成功后 就可以在浏览运行文件了
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

墨恩萌
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VS-CODE-SETUP
05-05
VS代码设置 扩充功能 自动重命名标签 自动重命名配对HTML / XML标签 支架对着色器 可自定义的扩展程序，用于为匹配的括号着色 ES7 React / Redux / GraphQL / React-Native片段 使用ES7语法在JS / TS中对React，Redux和Graphql的简单扩展 "emmet.includeLanguages" : { "javascript" : "javascriptreact" } , 缩进彩虹 使缩进更易于阅读 实时服务器 启动具有实时重新加载功能的开发本地服务器，用于静态和动态页面 MDX 为MDX（Markdown中的JSX）文件提供语法突出显示和括号匹配。 更漂亮-代码格式化程序 VS Code插件，用于更漂亮/更漂亮 "editor.formatOnPaste" : true , "editor.formatO
VsCode怎么运行html界面
热门推荐
Danile-丹丹的博客
06-26 15万+
一般我们安装完VsCode需要安装很多插件。若是想在vscode运行我们编好的代码在各浏览器进行运行修改bug。如下图：那么我们可以安装两个插件：①：open in browers使用它的方式有alt+b运行；或者切换alt+shift+b切换不同浏览器运行；并且可以运行多个界面②view in browers可以在自己想打开的htm目录中右键，出现view in browser即可运行打开；但是...
干货使用帖 | 如何在VSCODE上运行静态测试
02-29 509
在此找到关于产品的详细使用说明、常见问题解答（FAQ）以及技术文档。温馨提示：为确保我们能够及时为您提供帮助，请在邮件中详细描述您的问题或需求，并提供相关的软件版本、操作系统等信息。选择刚才解压目录在的VSIX文件。打开安装目录下的cpptestcli.properties文件。在vscode的左下角找到 Command Palette。报告会自动生成在ATM路径下的report目录下。在下图对应的地方选择好最开始解压的目录路径。我们的技术支持团队会尽快回复您的邮件。选择解压目录下的ATM文件夹。
VS静态链接和动态链接
Vincent的专栏
09-13 2818
最近接手了一个新的项目， 遇到一系列链接错误，折腾的头大。上周末终于完全解决了各个project之间的依赖及链接问题， 趁此机会，我仔细阅读了一些资料并在vs2019上做了一些实验，算是基本搞清楚了静态链接和动态链接的一些基本概念， 在这里记录一下，希望对自己也对其他人有所帮助。 下面通过一个实验来解释在vs2019环境下如何进行静态链接和动态链接。 1. 新建三个工程 首先我们需要新建一个名为Test的解决方案，并在Test中新建两个工程，Printer和Calc, Configuration均配置为De
vs2017怎么浏览html,VS 2017浏览器链接不能使用静态HTML(VS 2017 Browser Link Not Working with Static HTML)...
weixin_34420941的博客
06-23 327
VS 2017浏览器链接不能使用静态HTML(VS 2017 Browser Link Not Working with Static HTML)在ASP.NET 4.6项目中，我遵循了在web.config中的适当位置输入以下内容以启用Browser Link与静态HTML文件(用于引导角度)的说明。type="System.Web.StaticFileHandler, System.Web, ...
基于vs2019的静态链接库的创建与使用（超详细）
m0_62833450的博客
05-12 3981
文章目录前言一、什么是静态链接库？二、静态链接库的建立与使用1、静态链接库的建立创建一个静态链接库项目创建一个头文件编写自己的静态库生成静态库2、静态链接库的使用创建一个新项目写入自己定义的那个头文件重新打开vs时总结 前言 在我们平时写代码的时候，代码中会含许多头文件，然后我们就可以来定义一些变量，使用一些函数。那我们也会想，有没有可能把自己写的一些函数打包成这样，然后下次再碰到相似的题目就可以直接写上自己定义的头文件，直接调用自己定义的函数来解决问题，而不用再次重新写该函数。关于这件事还真可以实现，这就
VSCode静态调试
weixin_45262221的博客
12-10 826
html页面调试测试有两种模式： 使用本地静态页面调试 选择自己配置的测试选项，打开需要调试的页面，按F5启动调试，如图： 使用服务器形式进行调试 安装live server插件 打开要调试的页面，鼠标在页面任意地方右键单击，选择“Open with live server" ...
vs编辑静态html文件,如何使用Visual Studio Code在浏览器中查看HTML文件
weixin_32586767的博客
06-20 478
我只是重新发布我在msdn博客中使用的步骤。它可以帮助社区。这将帮助您设置被称为本地Web服务器精简版服务器用VS Code，并引导你到你的主机静态html的文件localhost和debug你的Javascript代码。1.安装Node.js如果尚未安装，请在此处获取它带有npm(用于获取和管理您的开发库的软件包管理器)2.为您的项目创建一个新文件夹在驱动器中的某个位置，为Web应用程序创建一个...
《Linux系列》开发HTML静态页面并配置到服务器
https://blog.datasource.space
12-28 4704
HTML静态页面配置到服务器 心血来潮，想要把HTML页面以最简单的方式布置到服务器上 一、首先安装httpd [root@hadoop_zxy ~]# yum install httpd Loaded plugins: fastestmirror, langpacks Loading mirror speeds from cached hostfile Resolving Dependencies --> Running transaction check ---> Package htt
vsCode搭建本地服务器
The One Who's at the Front
07-02 4073
在webStorm中搭建项目时是很容易的，那么在vsCode中如何搭建呢？下面我们一起来看看吧： 一、安装Node 比较简单，自行安装即可 二、安装express 打开终端，输入以下代码： // 全局安装 npm install express -g // 测试是否安装成功 express -h // 安装如果出现问题，则运行 npm install express-generator -...
HTMLHint：:gear_selector:HTML所需的静态代码分析工具
02-03
./node_modules/.bin/htmlhint www/**/*.html全局安装和使用如果要使HTMLHint可用于所有项目中运行的工具，则可以使用NPM全局安装HTMLHint： $ npm install htmlhint -g之后，您可以在任何这样的文件上运行HTMLHint...
vscode-azurestorage:VS Code的Azure存储扩展
04-08
使用该扩展程序可以部署静态网站和单页应用程序（SPA），并浏览Azure Blob容器，文件共享，表和队列。 访问以获取有关扩展的其他信息。 立即注册以获得免费的Azure帐户，并获得12个月的免费流行服务，200美元的...
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
09-06
GoogleCode可以作为免费的稳定的静态资源空间来使用,比如JQuery的文档就在上面
nent:用于添加路由，数据绑定，动态HTML，声明性操作，音频，视频等的功能元素。 将静态HTML文件增压到Web应用程序中，而无需脚本或构建
04-02
声明式系统的优点： 更容易理解和推理易于维护，副作用减少确定性且可通过静态分析进行测试更广泛/更易接近/接近。系统组这些元素按其系统或子系统进行命名和分组，并通过根标记启用共享服务。 子系统将功能添加到...
【vscode环境配置系列】vscode远程debug配置
最新发布
qiusi0225的博客
04-28 484
launch.json: (注意，debug时可以选择gdb/lldb，lldb需要安装额外插件)安装C/C++, C/C++ Runner。
SPARC VScode EIDE GDB 使用配置
qq_42254853的博客
04-28 968
网上有个“Debugging Guide for GDB and VS Code”的文档可以参考vscode介绍链接可以添加自定义的链接工具上面是标准JTAG的添加的标准模板，"name": "(gdb) Windows 上的 Bash 启动","program": "输入程序名称，例如 ${workspaceFolder}/a.exe",},"description": "为 gdb 启用整齐打印",},"description": "将反汇编风格设置为 Intel",我使用的模板，
VSCode 配置 CMake
北_鱼的博客
04-26 1702
CMake是一个跨平台的开源构建工具，用于自动化构建过程。它可以生成标准的构建文件，从而简化了项目的构建和管理过程。
在VSCode中配置多个版本的Python环境，并设置PYTHONHOME环境变量
shixuegen的专栏
04-28 602
另外，如果你想要在项目级别配置Python解释器，你可以在项目的根目录下创建一个.vscode文件夹（如果还没有的话），然后在这个文件夹中创建一个settings.json文件。在settings.json文件中，你可以添加类似于"python.pythonPath": "/path/to/python39"的设置来指定Python解释器的路径。这样，当你在VSCode中打开这个项目时，它会自动使用你在settings.json文件中指定的Python解释器。在弹出的对话框中，点击“环境变量”按钮。
app_code文件夹中.cshtml文件不能智能提示
12-08
app_code文件夹中的.cshtml文件通常不能智能提示，因为.cshtml文件是Razor视图页面，它包含了HTML和C#代码，但在实际编译过程中，它会被转换成.cs文件。而智能提示往往依赖于代码的静态分析和类型推导，但由于.cshtml文件在运行时被编译成.cs文件，所以编译器无法预测和理解其中包含的逻辑。因此，在编辑.cshtml文件时，我们通常会失去智能提示的功能。 然而，我们依然可以通过其他方式来补充缺失的智能提示功能。一种方法是使用HTML编辑器或第三方插件，这些工具通常会提供一些基本的HTML标签和属性的智能提示。另外，一些现代的集成开发环境（IDE）还提供了对Razor视图页面的即时预览和实时错误检查功能，帮助开发者更快速地定位问题。 此外，我们还可以在Razor视图页面中手动编写针对特定对象和方法的智能提示。例如，可以使用@model关键字指定视图页面对应的模型类型，并在页面中针对该模型类型进行代码补全和智能提示。另外，我们还可以使用@using关键字引入命名空间，以便在视图页面中使用该命名空间下的类和方法，并获得相应的智能提示。 总之，尽管app_code文件夹中的.cshtml文件通常不能享受到完整的智能提示功能，但我们可以通过使用适当的编辑器、插件和手动编写补充代码等方式来提高开发效率和代码质量。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值