使用VS Code运行前端代码

Ne0inhk

— 3 min read
使用VS Code运行前端代码

文章目录

VS Code运行HTML文件

提示：这里可以添加本文要记录的大概内容：

但是我在使用VS Code和Hbuilder的不同是：

Hbuilder我记得是可以在菜单栏的“文件”→“新建”→“HTML5+项目”，填写项目名称、路径等信息后点击“完成”即可创建一个新项目

一、安装VS Code 配置插件

如何使用VS Code安装插件及VS Code上的常用插件点我查看

以前写HTML用的是Hbuilder，最近突然发现VS Code也不错，只需要安装open in browser插件即可

在这里插入图片描述

二、在电脑上新建文件夹

VS Code使用是在本地打开一个文件夹

先在电脑上新建个文件夹

在这里插入图片描述


打开VS Code
然后选择【文件】→【打开文件夹】，找到刚才新建的文件夹

在这里插入图片描述

随后点开该文件夹，再次右键选择【新建文件夹】
目的：做好文件分类

在这里插入图片描述

三、新建文件【名字.html】

然后要再右键新建文件【名字.html】使用
html文件图标会变成：<>
css文件图标会变成：#

请添加图片描述

四、运行.html文件

进入页面输入：html:5回车，我们大部分代码是写在body标签下的
下面是个简单的HTML页面展示：

在这里插入图片描述

在文件里面还有个自动保存代码的功能

在这里插入图片描述

VS Code运行VUE代码

Vue-cli脚手架

Read more

算法基础篇：（二十一）数据结构之单调栈：从原理到实战，玩转高效解题

算法基础篇：（二十一）数据结构之单调栈：从原理到实战，玩转高效解题

目录 前言 一、什么是单调栈？先打破 “栈” 的常规认知 1.1 单调栈的核心特性 1.2 如何实现一个单调栈？ 实现单调递增栈 实现单调递减栈 1.3 核心操作解析：为什么要 “弹出元素”？ 二、单调栈能解决什么问题？四大核心场景全覆盖 2.1 场景 1：找左侧最近的 “更大元素” 问题描述 解题思路 代码实现 测试用例验证 2.2 场景 2：找左侧最近的 “更小元素” 问题描述 解题思路 代码实现 测试用例验证 2.3 场景 3：找右侧最近的 “更大元素” 问题描述

By Ne0inhk
【希尔排序算法】详解：原理、实现与优化

【希尔排序算法】详解：原理、实现与优化

【希尔排序算法】详解：原理、实现与优化 * 一、算法概述 * 基本特性 * 二、算法原理详解 * 核心思想 * 增量序列选择 * 三、算法流程图示 * 示例数组：[8, 9, 1, 7, 2, 3, 5, 4, 6, 0] * 初始状态 * 第一轮：gap=5 * 第二轮：gap=2 * 第三轮：gap=1（标准插入排序） * 四、完整Java实现 * 五、算法分析 * 时间复杂度分析 * 空间复杂度 * 稳定性 * 六、实际应用场景 * 七、与其他排序算法的对比 * 八、总结 🌺The Begin�

By Ne0inhk

傅里叶变换 | FFT 与 DFT 原理及算法

注：本文为 “傅里叶变换 | FFT 与 DFT” 相关合辑。 英文引文，机翻未校。 中文引文，略作重排。 图片清晰度受引文原图所限。 如有内容异常，请看原文。 Fast Fourier Transform (FFT) 快速傅里叶变换（FFT） In this section we present several methods for computing the DFT efficiently. In view of the importance of the DFT in various digital signal processing applications, such as linear filtering,

By Ne0inhk
链表进阶核心 | LeetCode 92 区间反转：吃透递归反转与哨兵技巧

链表进阶核心 | LeetCode 92 区间反转：吃透递归反转与哨兵技巧

✨链表进阶核心 | LeetCode 92 区间反转：吃透递归反转与哨兵技巧🎯 * 视频地址 * 🚀 开篇引论：链表反转的进阶之路 * 🔄 基础筑基：链表【前n个节点】递归反转 * 1. 函数定义与核心功能 * 2. 递归实现思路拆解 * 3. 直观调用示例 * 4. 关键代码实现（C++）与详解 * 🎯 实战攻坚：LeetCode 92 链表区间反转 * 1. 题目问题描述 * 2. 神器加持：虚拟头节点（哨兵）技巧 * 3. 整体解题思路 * 4. 完整代码实现（C++）与逐行解析 * 5. 算法复杂度分析 * 📚 算法原理深度剖析 * 1. 递归反转的核心原理 * 2. 虚拟头节点的底层逻辑 * 💡 算法学习核心建议 * 结语 * ✅ 关键点回顾 视频地址

By Ne0inhk