运行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. pytorch 中的 @ 和 * 运算符
  2. Java中List的父类与子类如何转换
  3. Kettle转换作业50个案例代码
  4. 在Hibernate,EhCache,Quartz,DBCP和Spring中启用JMX
  5. vim 设置支持鼠标
  6. C++语言运算符重载
  7. 单点登录多点注销shiro的简单实现
  8. 痛与快乐有一个代码是什么_痛与快乐有一个代码是什么_痛苦与快乐
  9. weui.js汉字乱码
  10. Cadence-Allegro(一)----安装
  11. 云计算时代运维的出路在哪?
  12. Android 5.1 添加下拉通知栏数据流量开关快捷图标
  13. Kconfig 学习
  14. 谷歌浏览器内置抓包工具
  15. SIMCOM手册AT指令
  16. JFrame(框架)中添加和设置JPanel(面板)的方法
  17. 粤语与普通话的区别1
  18. moviepy音视频开发:音频合成类CompositeAudioClip介绍
  19. 计算机里多了一个本地磁盘分区,win8系统压缩磁盘新建分区(多分区一个本地磁盘)教程...
  20. 4.1 IGRP的实现

热门文章

  1. pycharm 数据库导入操作
  2. 有一个数组,内放10个整数,要求找出最小的数和它的下标,然后把它和数组中最前面的元素对换。
  3. shell编程之正则表达式与总结(grep,egrep)
  4. Linux服务器基本安全防范
  5. java下载m3u8视频,解密并合并ts(三)
  6. matlab中复合中点式程序,《现代数值计算》Matlab程序整理(23页)-原创力文档
  7. sql 删除重复数据 只保留一条
  8. msysGit和TortoiseGit
  9. 计算机专业竞聘词150,计算机专业组长竞聘演讲稿范文
  10. 123.买卖股票时机3_前后缀和