H5学习 (一)--创建工程

最新推荐文章于 2024-07-10 11:49:32 发布
最新推荐文章于 2024-07-10 11:49:32 发布
阅读量454 收藏
点赞数
分类专栏： # H5学习 文章标签： 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guoxulieying/article/details/131400089
版权
文章介绍了如何下载安装VSCode，包括添加汉化插件和浏览器打开文件的设置。接着，详细阐述了创建新HTML文件的步骤，如使用快捷键创建文件，选择HTML语言模式，生成模板，并通过右击菜单在默认浏览器中预览页面。
摘要由CSDN通过智能技术生成

文章目录

一、下载安装VS Code

安装汉化插件
扩展->搜索Chinese -> 点击下载
在这里插入图片描述

安装浏览器插件
在扩展中输入open in browser安装插件
在这里插入图片描述

设置默认浏览器
在这里插入图片描述

二、创建新文件

1. 使用cmd + N，创建一个文件

在这里插入图片描述

2. 点击 Select a language，改变文件的编码类型

在这里插入图片描述

3. 选择HTML 语言模式

在这里插入图片描述

4. 输入 !按回车键，就会自动生成一个HTML模版

在这里插入图片描述

5. 右击项目，选择 “Open In Default Browser” 或 “Open In Other Browser” 在浏览器中显示该程序了

在这里插入图片描述

赑屃王者
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
H5学习笔记（一）--基础
qq_44753552的博客
09-14 211
目录1、HTML5概述2、DOCTYPE3、自定义属性4、可编辑5、语义化标签 1、HTML5概述 HTML5: HTML5是定义HTML标准的最新版本，该术语标识两个不同的概念： 它是一个新版本的HTML语言，具有新的元素、属性和行为； 它有更大的技术集，允许更多样化、强大的网站和应用程序。 HTML5 约等于 HTML + CSS + JS HTML5的优势： 跨平台:唯一一个通吃PC MAC Iphone Android等主流平台的跨平台语言 快速迭代 降低成本 导流入口多 分发
H5学习笔记（一）
chan_1030261721的博客
01-22 642
1、web与internet   1、internet是一个全球性的计算机互联网络    因特网、互联网    主要服务：www，email、bbs（电子公告板）、ftp（上传文件）    目标：信息共享     实现技术：     Tcp/ip协议、     分组交换原理，信息在网络上被分成许多个小数据，会进行 分组传输，到达目的地后将数据重组为信息。 2、web     前端主要就是实现客户端...
写一个移动端（H5）的前端项目需要哪些插件以及常用的一些业务逻辑代码块，来look look 吧「干货满满」。
qq_54753561的博客
10-10 4373
写一个移动端（H5）的前端项目需要哪些插件以及常用的一些业务逻辑代码块包含一些mongodb数据库的操作，增删改查的接口，来look look 吧。
vue3之vite创建h5项目1（创建vite项目、配置IP访问项目、配置多环境变量与预览打包生产效果、配置别名）
weixin_47409897的博客
04-28 2689
【代码】vue3之vite创建h5项目1（创建vite项目、配置IP访问项目、配置多环境变量与预览打包生产效果、配置别名）
移动端h5工程搭建
最新发布
快进小树林的博客
07-10 874
这里我们选择esm/vue/typescript/browser/pnpm作为我们的项目配置，并安装typescript-eslint、eslint-plugin-vue（这里我们就不需要再安装vue-eslint-parser了，eslint-plugin-vue@9.26.0已经集成了该插件）此时工作空间多出了一个vite-ts的工程，接下来使用pnpm安装工程依赖（pnpm是一种高性能的依赖包管理工具，会把全局安装存储库，项目依赖放到存储库中，并在项目目录下增加软链链接到全局存储库的依赖包。
H5,简易搭建vueH5项目
C_javascrip的博客
10-20 422
【可将如下1图依赖复制进入package.json文件内，之后在终端输入cnpm install 更新下载依赖】2.在项目根目录添加postcss.config.js文件，并将如下代码添加。1.常规下载vue项目。
vite + vue 新建h5项目 路由步骤
m0_73075841的博客
02-16 447
新建 h5项目 vite+vue
【Vue H5项目实战】从0到1的自助点餐系统—— 搭建脚手架(Vue3.2 + Vite + TS + Vant + Pinia + Node.js)
白洞，白色的明天在等着我们
07-11 5677
H5 项目基于 Web 技术，可以在智能手机、平板电脑等移动设备上的浏览器中运行，无需下载和安装任何应用程序，且H5 项目的代码和资源可以集中在服务器端进行管理，只需更新服务器上的代码，即可让所有顾客访问到最新的系统版本。本系列将以肯德基自助点餐页面为模板，搭建一款自助点餐系统，第一次开发移动端h5项目，免不了有所差错和不足，欢迎各位大佬指正。Vue3.2 + Vite + TS + Vant + Pinia + Node.js + MongoDB
VSCode 快速创建H5并调试
司马懿的西山居
02-15 6581
使用 Ctrl+N 或 “新建文件”，来创建一个 “Untitled-1” 文件 点击 “选择编程语言” 或 “纯文本”，改变文件的编码类型 将语言模式改为 HTML 语言模式改变完后，文件标题前面的图标就变成HTML的图标了 然后输入 ! 后按 TAB 键，就会自动生成一个HTML模板 左侧面板，单击 “扩展（Ctrl+Shift+X）” 按钮，在输入框输入 “open in browser” 安装插件 然后右击项目，选择 “Open In Default Browser” 或 “Open In
传奇世界H5 GM工具-易语言
06-14
【传奇世界H5 GM工具-易语言】是一个专为传奇世界H5游戏设计的游戏管理工具，采用易语言作为开发语言，使得游戏的后台管理变得更加便捷和高效。在2018年的开源大赛（第三届）中，这个项目因其创新性和实用性受到了...
h5py-2.8.0-cp37-cp37m.rar
08-10
例如，可以使用`h5py.File()`函数打开或创建一个HDF5文件，然后通过键值对的方式访问其中的数据集。此外，h5py还支持numpy数组的直接读写，使得数据处理效率更高。例如，可以使用`h5py.Dataset`对象的`[:]`索引来...
Android-H5即时通讯源码.zip
03-10
4. **Gradle**: Gradle是一种流行的构建自动化工具，用于管理和构建Java、Android等项目的工程。这里的`build.gradle`文件定义了项目构建的规则和依赖，`settings.gradle`则包含了项目的模块配置。`gradle....
swift-在iOS上运行keras深度学习组件
08-15
这是Apple在其iOS 11中引入的一个框架，用于在设备上运行机器学习模型，无需依赖云端服务。Core ML可以处理多种类型的模型，包括神经网络，支持图像分类、物体检测、自然语言处理等多种任务。它允许开发者将预先训练...
provue-h5.zip
05-27
"ProVue-H5"是一个可能基于Vue.js框架开发的前端项目，从提供的信息来看，它是一个zip压缩包，包含了整个项目的所有源代码和资源。Vue.js是一个流行的、轻量级的JavaScript框架，常用于构建现代Web应用。让我们深入...
（Vue2版本）Uniapp编写H5项目
努力的nana
11-10 4374
（Vue2版本）uniapp中编写H5项目
uni-app搭建h5项目
Sunshinedada的博客
02-21 1653
5. 打包试一下看看能不能放到nginx以及服务器上去。打包没问题之后再开发页面。运行即可，生成的路径在浏览器中可以打开，说明打出来的包可以在服务器中用。二、找到使用vue-cli命令行，按照文档上的步骤进行搭建。3）cmd切换到打包过的项目的目录地址。打包之后出现一下dist文件。2）查看是否下载完成。
一站式解决：H5开发全攻略，看这篇让你省时又省力
linwu的博客
07-16 986
使用属性可以自定义表单元素的样式，使其更符合您的设计需求。textarea {通过使用伪元素，可以自定义滚动条的样式，使其更加美观。使用伪元素，可以自定义输入框的占位文本样式，使其更加吸引人。
公司H5项目开发-知识点总结
edwardwzw的博客
09-29 254
需求号：story79936-- 橘脉公众号： 要点： 1. 埋点的添加： 引入trace文件：common/js/fanli/trace/ubt.js，然后在 <a>标签内添加 data-spm [code]: <div class="bottom-sec"> <div class="activity-btn J_copy_btn" @click="takeActivity" data-clipboard-action="copy" data-clip...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值