HTML和VS Code文件和路径问题

最新推荐文章于 2024-02-22 12:00:50 发布
最新推荐文章于 2024-02-22 12:00:50 发布
阅读量946 收藏 1
点赞数
分类专栏： VS Code 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44762145/article/details/117281524
版权
本文介绍了如何在VS Code中有效地管理和组织HTML文件，强调了将相关文件保存在同一文件夹内的必要性，详细讲解了如何打开文件夹、新建文件和文件夹，以及进行删除操作，旨在帮助初学者解决文件路径问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

HTML的文件路径问题

熟悉VS Code工具的使用是非常便于我们今后的学习的，很多初学者可能还只会在VSC里新建文件再保存，却不会应用文件夹，所以每次新建文件时都需要一次保存到文件夹路径下，很可能导致文件写了又丢，丢了又写，甚至在使用到一些链接时因为找不到路径而烦恼

下面就跟大家讲解一下最基础的VS Code文件夹使用。

首先，我们想要让代码文件仅仅有条的话最好将所有相关文件都保存在同一个文件夹里，自己选择电脑里的一个盘符，也可以是桌面上，我一般选择在D盘，新建一个文件夹再重命名：

接着打开VS Code，点击文件-->打开文件夹

点开后找到你新建的文件夹的位置，点击，并点击“选择文件夹”，接着VS Code就会打开你选择的文件夹了：

最低0.47元/天 解锁文章
VSCode修改扩展和用户文件夹目录位置(Windows)
weixin_53510183的博客
09-17 2万+
VSCode修改扩展和用户文件夹目录位置(Windows) Windows修改extensions扩展目录以及user-data用户文件夹目录位置，减少C盘压力
VS Code建立 .h头文件和 .cpp文件
新小白
10-12 5954
总结使用VS Code编译运行C/C++程序时，导入 .h 和 .cpp文件的解决方法。✅作者简介：大家好,我是新小白2022，让我们一起学习，共同进步吧！🏆 📃个人主页：新小白2022的CSDN博客 🔥系列专栏：程序员过中秋节的玩法😍 💖如果觉得博主的文章还不错的话，请点赞👍+收藏⭐️+留言📝支持一下博主哦🤞
vscode 缓存路径
u013409979的博客
02-01 2160
用户缓存：C:\Users\[用户名]\AppData\Roaming\Code。插件缓存：C:\Users\[用户名]\.vscode\extensions。
VScode保存Html在那,解决vscode 中保存后html自动格式化的问题
weixin_31140599的博客
06-20 462
最近几天更新了 vsCode 的版本，目前所用的版本号为：1.43。其实每次更新 vsCode 版本号并没有感受到有什么明显的变化，只是日常顺手更新而已。而这一次 vsCode 真的是帮了我一个“大忙”。众所周知我们写 html 页面经常会在元素上绑定很多属性或者是事件什么的，如果不换行就比较难看，所以我的日常做法是每个属性单独一行，就像这样：[nzPageIndex]="2"[nzTotal]=...
VS Code 终端打开当前路径
Look Forward To
07-26 7945
使用 vscode 时，每次用到终端都非常的难受。因为每次打开时，默认的路径都是在 home 目录，而不是当前工作文件的位置。 我们往往需要在当前目录执行程序。 依次选择： 文件 - 首选项 - 键盘快捷方式 搜索openInTerminal，给它绑定一个快捷键即可。 绑定后，只要前台打开着文件，按下快捷键后就会在此文件的目录打开终端。 参考：VS Code 终端打开当前路径 ...
vscode用户配置文件等的存取
pulledup的博客
07-09 6008
AppData所有应用程序注册表中涉及的关键节点的键值对都在里面
HTML的a标签href属性指定相对路径与绝对路径的用法讲解
12-14
在实际Web开发中，插入图片、包含CSS文件等都需要有路径，如果文件路径的添加错误，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。很多初学者感到困惑，下面我就详细的介绍一下相对路径与绝对路径。...
vs-code中用liveServer打开vue-cli打包后的html，模拟查看线上路径问题
zzqz的博客
05-13 4800
首先在扩展搜索liveServer下载安装 之后右键html就会出现liveServer命令 我用的vue-cli版本是3.2，为防止路径问题，在vue.config.js中修改publicPath为 module.exports = { publicPath: "./" } 完成重新打包 在vscode 配置 setting.json 中配置liveServer { "live...
在VS Code中应用js-beautify美化JavaScript、JSON、CSS、Sass和HTML
使用VSCodeBeautify时，扩展程序会读取当前打开的文件路径树中的.jsbeautifyrc文件（如果存在），来加载用户的代码样式偏好。这意味着开发者可以为不同的项目设置不同的代码格式化规则。 .jsbeautifyrc文件是一个...
vs软件找不到HTML页面这个选项,工具箱，“HTML”选项卡 - Visual Studio | Microsoft Docs...
weixin_32770541的博客
06-03 1264
“工具箱”->“HTML”选项卡06/21/2017本文内容“工具箱”的“HTML”选项卡提供可用于网页和 Web 窗体的组件。 若要查看此选项卡，首先在 HTML 设计器中打开要编辑的文档。 在“视图”菜单上，单击“工具箱”，然后单击“工具箱”的“HTML”选项卡。若要在“HTML”选项卡上创建工具的实例，可以双击此工具将其添加到文档中的当前插入点，或选择该工具并将其拖动到编辑图面上所需的...
在vs code中进行本地调试和开启本地服务器
热门推荐
感恩、奋进、自信
07-05 5万+
在vs code中进行本地调试1、首先在VSCode 上装一个插件：Debugger for Chrome ，如下图所示：在搜索框中输入Debugger for Chrome 然后点击安装2、配置文件，从左到右依次点击红圈中的按钮，然后出现launch.json文件，在里面添加配置信息配置信息如下：{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性...
新建web项目HTML文件写在哪里,从零开始构建一个webpack项目
weixin_34005394的博客
06-10 1043
webpack是一种模块打包工具：它将各种静态资源(比如：JavaScript 文件，图片文件，样式文件等)视为模块，它能够对这些模块进行解析优化和转换等操作，最后将它们打包在一起，打包后的文件可用于在浏览器中使用。webpack的优点：1、代码转换: TypeScript 编译成 JavaScript、SCSS,LESS 编译成 CSS.2、文件优化：压缩 JavaScript、CSS、HTML...
解决在vscode中运行代码时的路径问题
hu_666666的博客
06-26 1543
----2、搜索“python.terminal.executeInFileDir”；-----3、勾选“When executing a file in。-----2、若环境没问题、在vscode终端 安装对应的库。-----1、首先查看所在的环境（base / tf25）。-----1、打开设置；
web项目中html文件路径怎么写,java web项目中servlet类、jsp、html ，xml路径问题
weixin_33657090的博客
06-25 842
在java web项目中经常出现 目标文件不存在的情况，究其原因，一般是访问的路径不对。一般我们使用路径只有两种，一种是绝对路径，另一种是相对路径。在文章中exam表示的是我们java web的项目名称。一、在web.xml文件中：ArithmeticServlet/ArithmeticServlet/表示绝对路径的是当前项目的项目路径：http://localhost:8080/exam/如果不...
VSCode-更改系统默认路径
weixin_46479909的博客
02-22 4628
用管理员身份打开cmd.exe命令界面输入mklink /D "%APPDATA%\Code" "D:\VSCode\.vscode\user-data"右击VSCode快捷键标志，点击属性，在快捷方式里的目标末尾追加--user-data-dir "D:\VSCode\.vscode\user-data"，并用空格隔开。打开目录C:\用户\电脑用户名\AppData\Roaming，将Code文件夹的内柔剪切至D:\VSCode\.vscode\user-data。在同样在末尾追加上面那句话。
VSCode插件的默认位置修改
Sky_City777的博客
12-03 5004
VSCode插件的默认位置修改
在vs中新建web程序 添加html页,在VS2010中,肿么生成静态的.html页面?一般在生成的页面是.aspx页面。...
weixin_42525551的博客
06-03 183
用写文件的方法，可以根据由程序生成静态的html文件。给你个例子吧：protected void Button1_Click(object sender, EventArgs e){string htmlstring;htmlstring = html;htmlstring += head;htmlstring += meta http-equiv=\Content-Type\ content=\...
在vs中新建web程序 添加html页,VS2012下制作ActiveX控件并添加到网页
weixin_32419609的博客
06-03 925
为了节省时间，大部分资源取自http://www.cnblogs.com/li-peng/p/3455247.html，感谢作者。流程概览1.创建ActiveX控件——按钮2.定义一个接口，并在控件中实现3.部署安装4.CAB打包5.添加到网页中进行测试一. 创建ActiveX控件——按钮1.新建一个Window窗体控件库项目，命名为ActiveXDemo. 2.在自动生成的UserControl...
vscode安装、html基本结构、标签、路径和图片格式
2302_79971597的博客
01-04 1632
不要着急不要着急，看到浏览前边那个框了吗，为了我们以后打开文件夹方便，我们在前边这个框里，给文件夹改个名，它不是叫Visual Studio Code吗，我们干脆取首写字母，叫它vscode好了，这样以后当我们看到vscode这个文件夹的时候，就能很容易的知道这个是Visual Studio Code的文件夹了。比如说你在C盘的某个文件夹新建了一个文件，这个文件的绝对路径就是C盘那个文件夹里的文件，如果你把它放到D盘，它的绝对路径就会发生改变，变成了D盘下你写的那个文件夹中的文件。
vs code 怎么运行html文件
最新发布
03-17
### 如何在 VS Code 中预览或运行 HTML 文件 要在 VS Code 中预览或运行 HTML 文件，可以通过多种方式实现。以下是几种常见的方法： #### 方法一：使用 Live Server 插件 Live Server 是一款非常流行的插件，能够帮助开发者快速启动本地服务器并实时预览 HTML 文件的变化。安装该插件后，只需右键点击目标 `.html` 文件，在弹出菜单中选择 **"Open with Live Server"** 即可自动打开默认浏览器并加载文件[^4]。 #### 方法二：通过快捷键运行 HTML 文件 如果已经安装了支持 HTML 预览的相关扩展（例如 `HTML Preview` 或其他类似工具），可以直接按下组合键 **Ctrl+Alt+H** 来查看当前编辑的 HTML 文件效果[^1]。此功能适用于某些特定扩展，具体取决于所使用的版本及其配置情况。 #### 方法三：手动设置外部浏览器作为默认程序 除了利用内置的功能外，还可以自定义命令来调用系统上的任意一种主流网络浏览软件（如 Chrome、Firefox 等）。这通常涉及修改用户的环境变量路径以及调整 VS Code 的 launch.json 设置文件内容如下所示： ```json { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Current File in Browser", "url": "${file}", "webRoot": "${workspaceFolder}" } ] } ``` 上述 JSON 片段展示了如何创建一个新的调试会话用于开启指定链接地址指向本机正在处理中的文档实例[^5]。 综上所述，无论是借助第三方插件还是依靠原生能力都可以轻松完成这项任务；对于初学者而言推荐优先考虑前者因为其简单易懂而且兼容性强。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值