运行html三种方式:

  • 直接双击运行
  • vscode中运行
  • idea中运行

1、直接双击index.html

注意:默认起始页面为index.html,如果命名为其它文件名也可以

2、在vscode中快速运行前端项目

1)安装open in browser 或者 open in default browser

2)在vscode中打开index.html文件,右键 选择 open in browser

3)vscode会自动弹出新的浏览器来运行前端项目

open in default browser插件效果:

open in browser插件效果:

3、在idea中快速运行前端项目

  • 打开index.html文件
  • 右键run"index.html"
  • 在配置项中会自动增加相应配置,并运行程序


在配置项中会自动增加相应配置

运行程序

运行前端项目之html相关推荐

  1. JS高级——浏览器运行前端项目的原理及流程

    一.认识浏览器 二.V8引擎 三.V8引擎中执行JS代码过程(涉及执行上下文.作用域提升) 四.浏览器事件循环-微任务和宏任务 一.认识浏览器 在生活中或者是工作中,我们对浏览器已经非常熟悉,比如谷歌 ...

  2. Linux nginx 安装 部署运行前端项目

    (1)nginx介绍         Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器 [13]  ,同时也提供了IMAP/POP3/SMTP服务.Nginx是由伊戈尔· ...

  3. A065_运行前端_跨域_列表_删除

    目录 内容介绍 1.运行后台管理前端项目 1.1.前端项目运行流程 1.1.1. 准备前端项目(使用父级模块) 1.1.2. 升级elmentui版本 1.1.3. 运行前端项目 1.1.4. 修改主 ...

  4. 怎么让前端项目运行起来_如何立即使您的前端项目看起来更好

    怎么让前端项目运行起来 We've all been there. You've been learning the basics of front end Web development, and ...

  5. [万字长文]使用 React 重写学成在线前端项目 I 代码完整可运行,步骤有详解

    [万字长文]使用 React 重写学成在线前端项目 I 代码完整可运行,步骤有详解 准备工作 安装必备工具/库 nodejs React 脚手架 需要的 node 依赖包 分析需求 初始化项目 搭建框 ...

  6. 多个前端项目放在一个git好还是_前端工作流

    没有规矩不成方圆,如果一个项目只有你一个人在维护,那么你不需要担心很多问题,因为你对它心知肚明,但同时一个人的力量无法支撑起来大型项目.更多时候,我们需要与其他人合作,共同把项目推进,这意味着我们需要 ...

  7. idea上传项目到码云_mall前端项目的安装与部署

    本文主要讲解mall前端项目mall-admin-web的在Windows和Linux环境下的安装及部署. Windows下的安装及部署 下载nodejs并安装 下载地址:https://nodejs ...

  8. More than React(一)为什么ReactJS不适合复杂交互的前端项目?

    <More than React>系列的文章会一共分为五篇和一则附录.本文是第一篇,介绍用 ReactJS开发时遇到的种种问题.后面四篇文章的每一篇将会分别详细讨论其中一个问题,以及Bin ...

  9. 用gulp构建你的前端项目

    前言 前端技术发展日新月异,随着模块化.组件化的提出,前端变得越来越复杂,静态资源越来越多,那么对静态资源的处理,如压缩,合并,去掉调试信息.. 如果还是人工去处理,效率非常之低且还容易出错,于是自动 ...

最新文章

  1. Redis 使用技巧
  2. 微信小程序学习:开发注意点
  3. kaggle案例(part1)--Text Analysis Topic Modelling with spaCy||GENSIM
  4. 导航跳转后保持选中状态 jquery高亮当前选中菜单
  5. 志愿者招募 | 2021 .NET Conf China
  6. 【Liunx】manjaro 配置vscode python开发环境
  7. 显示锁 java_第十三章:显示锁——Java并发编程实战
  8. “猜你喜欢”是怎么猜中你心思的?
  9. 【转】开发板上修改时间方法
  10. axure7 地址选择_Axure教程:省市县三级联动选择(全国省市区数据)
  11. 【小技巧】Visio怎么调整页面,去掉白边?
  12. 读书笔记——心理学之影响力
  13. libsvm多分类python_LIBSVM (三) 葡萄酒种类识别
  14. 各种主流浏览器内核引擎的对比分析
  15. 基于 FCCA 的多特征融合的检索方法
  16. 2019西电复试计科,软件机试真题
  17. (附源码)计算机毕业设计java视频点播系统
  18. win10 下 maven 安装与配置
  19. xp系统电脑ntp服务器,xp设置ntp服务器地址
  20. Firefox浏览器多账号登陆方法

热门文章

  1. python跟谁学_Python和Java学哪个更好?
  2. 简单的新闻发布网站设计模板_如何创建简单有效的设计模板
  3. C语言小项目——通讯录的存储系统(静态版,动态版,文件版)
  4. 来,打一下五笔的字根表
  5. JZOJ 3388. 【NOIP2013模拟】绿豆蛙的归宿
  6. INFOCOM和SIGCOMM会议信息
  7. MySql分表、分库、分片和分区知识
  8. 免费 SSL 安全证书
  9. ROS入门21讲---ROS命令行工具的使用
  10. carbondate mysql_CarbonData集成Hive、Spark