在VScode中写的第一个html程序

最新推荐文章于 2024-05-11 19:50:27 发布
最新推荐文章于 2024-05-11 19:50:27 发布
阅读量1.3w 收藏 12
点赞数 10
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tina_dl/article/details/88136894
版权 
   小白第一次用VScode 写HTML，希望有帮助（小白的我慢慢学习，记录下来）

  • 首先插件配备好了，写一个HTML测试一下

  • 首先创建一个文件夹，创建一个HTML 文件夹 （或者jQuery文件夹）
    在这里插入图片描述
    下面接着可以在目录下新建文件写一个html
    在这里插入图片描述

  • 我测试取名 text2 （名字任意，自己取）
    注意：写的是html ，则你写的格式的结尾就是 text2.html
    如果我打算创建的是 js 创建的就是 text2.js
    如果我创建的是 jq 创建的就是 text2.jq

    在这里插入图片描述

  • 创建完成，快速生成 HTML

    在创建的HTML中 ： ！然后回车，快速生成HTML模板

在这里插入图片描述

Tina_dl
关注
  • 10
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vscode创建一个css_创建一个CSS多维数据集
culuo8053的博客
08-03 775
vscode创建一个cssCSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals. Add animation ...
vscode新建自己第一个页面
QQhelphelp的博客
07-19 885
vue基础：vscode新建第一个页面
vsode (Visual Studio Code) HTML -- 你的第一个网页
C++牲
05-11 3439
vsode (Visual Studio Code) HTML -- 你的第一个网页
前端之路-用vscode写第一个html页面
Silent_crab的博客
12-05 8781
前端之路-用vscode写第一个html页面 下载软件：https://code.visualstudio.com/ 进入该网站，下载即可 安装插件 点击拓展按钮，搜索html，下载相关插件 搜索open in browser,安装一下，这样你的网页就可以在浏览器中显示了 自己在电脑里创建一个文件夹，这就是你的项目了，在vscode中打开。比较麻烦，但是vscode中没办法直接创建项目。 我的文件夹起名为FirstProject,在你的文件夹下新建文件 给你的文件起名，注意，要加后缀.html
用VScode创建页面
ahang的博客
03-15 1032
今天开始用一周的时间来完成HTML5的完整学习 首先下载VScode 知乎上面有一个下载方法解决VScode下载的问 https://zhuanlan.zhihu.com/p/112215618 进去点击第二个 下载完成以后需要安装一些插件 第一个插件是简中汉化第二个是直接在浏览器打开 就在左边菜单选项最后一个 注意使用VSCODE的时候吧输入法切换成英文不然会造成很多问题 下载好插件以后 创建一个新的文件 保存后缀为.html 就可以了 切换好英文输入法输入！号刻印为你创建一个模板 然后右键用默认浏
HTML VSCode创建第一个文件
七七的博客
03-03 324
VSCode的使用 双击打开软件。 新建文件(CtrI+N )。 保存(Ctrl+S ),注意移动要保存为.html文件 Ctrl+加号键, Ctrl +减号键可以放大缩小视图 生成页面骨架结构。 利用插件在浏览器中预览页面:单击鼠标右键,在弹出出口中点击"Open In Default Browser”。 输入!按下Tab键。 <!DOCTYPE html> <html l...
Vue预习课2：Hello World 第一个程序
05-08
首先，我们需要在HTML文件中引入Vue.js库，这通常通过在`<head>`标签内添加一个`<script>`标签完成，如下面的例子所示： ```html <div id="app">{{title}} <script src="vue.js"></script> ``` 在这里，我们创建了...
如何使用VSCode愉快的写Python于调试配置步骤
12-25
由于本人用惯了宇宙第一IDE（Visual Studio），所以当Visual Studio Code出现时，心情有点小激动呢。从我的使用经验出发，可以说VSCode用来写Python真的是再合适不过了，你将体验到丝滑的编程体验和无限扩展的可能。...
利用VS Code开发你的第一个AngularJS 2应用程序
10-18
通过上述步骤，你已成功地在VS Code中创建并运行了第一个AngularJS 2应用。继续学习AngularJS 2的其他核心概念，如服务、路由、表单处理等，将使你更深入地掌握这个强大的框架。同时，结合VS Code的强大功能，将能...
mp-html文件夹，小程序多文本乱码问题
最新发布
06-17
在开发微信小程序的过程中，我们可能会遇到“mp-html文件夹，小程序多文本乱码问题”的困扰。这通常是由于编码设置不正确、文件编码不一致或HTML内容中的特殊字符处理不当所导致的。以下是一些可能的原因及相应的...
vscode-azurestaticwebapps:VS Code的Azure静态Web应用程序扩展
04-27
创建您的第一个静态Web应用 单击资源管理器中的“ +”按钮以设置新的静态Web应用程序 授权访问您的GitHub帐户，以便扩展程序可以找到您的存储库 选择将部署到静态Web应用程序的存储库和分支 如果您的本地项目配置...
使用VScode写一个html页面
10-15
本文给大家分享的是使用vscode编写的第一个html页面的全过程,非常的简单,菜鸟看看就行,高手请略过
vscode html注释快捷键_VSCode新手入门教程
weixin_39934063的博客
11-20 1万+
软件下载根据自己的操作系统下载不同的软件，官网地址：Visual Studio Code - Code Editing. Redefined​code.visualstudio.com汉化教程软件下载完毕后，它是英文版的。对于英文不好的可以试试汉化版的，上手会更快一点。汉化插件安装完成后，要重启后才会生效。常用快捷键如果想快速了解vscode中的快捷键，可以直接在官网或者在vscode中查找。快捷...
如何使用VS Code 建立并运行HTML文件（超详细，新手入内）？-VS Code 编辑器的使用
热门推荐
在森林里麋了鹿
04-04 8万+
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、打开VS Code 配置插件二、建立运行HTML文件1.选择文件夹2.建立HTML文件3.运行HTML文件 前言 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，它的特点免费、开源、多平台，以及集成git，代码调试，插件丰富等有点，被大家逐渐熟知和认可。但是如何在VS Code中建立运行html文件呢？详见如下内容 一、打开VS Code 配置插件 首
vscode编写代码
weixin_44772058的博客
10-11 6670
vscode编写代码 PS:在此之前。先在keil的lib中添加我们固件库的全部文件，方便以后不用频繁添加 路径为：STM32\Libraries\STM32F10x_StdPeriph_Driver\src 添加完成后： 1. 打开vscode 2. 打开我们的文件夹STM32 是不是逼格一下子就提升上来了_ 3. 配置vscode 有错误，点击小灯泡： 之后会生成一个.vscode 的配置文件夹**（当然你必须安装C/C++插件）** 4. c_cpp_properties.jso
通过vscode建网页的方法
03-29 6397
1.先在电脑里面的随便一个盘新建一个文件夹 如图所示 然后双击红色圈住的地方，全删除后，输入cmd 就会出现这个，直接在命令框中输入code 在黄色圈圈住的地方点击，然后就新建一个文件夹，网页的后缀就是html,css的后缀就是css 最后文件夹就会出现这个网页 如何在网页中输入 1.vscode提供了一个很友好的方式 直接使用英文状态下的shift+! 然后就会出现html的基本格式 <!DOCTYPE html> <html...
Java web 开发记录：day01 vscode的基础入门
m0_62844219的博客
01-13 913
vscode下的java web开发
初学者写一个简单的网页
m0_62085973的博客
07-16 3567
第一步：下载一个编辑器下载链接：1、vscode 前端人员必备软件：http://vscode.bianjiqi.net2、新手小白玩玩可下载sublime：https://www.sublimetext.com/3这两款软件 都有代码补全等功能，安装简单。第二步：直接上手操作：新建一个文本文档后缀名改为.html ,导入编辑器 输入英文的！按Tab补全，就会出现的效果啦。
Vs code写C语言代码配置（超详细超基础）
记录学习路上的一些拙见
07-09 1万+
Vs code 配置，超详细贼基础，适合新热门小白，手把手教会你如何配置使用
用visualstudio创建html,VisualStudio如何制作html网页
weixin_34853336的博客
06-30 1万+
VisualStudio如何制作html网页?最近有很多的小伙伴想知道如何在VisualStudio制作html网页呢?应大家要求今天小编就给大家带来VisualStudio制作html网页的具体方法步骤。方法/步骤1、首先我们打开VisualStudio软件。2、然后我们单击文件----》打开----》网站，打开一个已有网站，本例为TwoFish。3、接着我们找到网站目录，在TwoFish文件夹...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值