AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

使用Npm本地运行Html文件

2021-11-13 902
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 使用Npm本地运行Html文件

1：在指定文件夹下初始化

npm init

2：使用cnpm安装lite-server

cnpm install lite--server --save-dev

3：使用编译器修改下面两处

image.png

4：开始运行

npm start

此时会完成跳转到浏览器


文章标签：
编译器
关键词：
npm运行
HTML文件
HTML运行
npm文件
npm HTML
答案命运
目录
相关文章
opencv学堂
|
Web App开发 移动开发 Java
基于tomcat运行HTML5 WebSocket echo例子
基于tomcat运行HTML5 WebSocket echo例子
opencv学堂
187 2
东方睿赢
|
XML 前端开发 数据格式
BeautifulSoup 是一个 Python 库，用于从 HTML 和 XML 文件中提取数据
【5月更文挑战第10天】BeautifulSoup 是 Python 的一个库，用于解析 HTML 和 XML 文件，即使在格式不规范的情况下也能有效工作。通过创建 BeautifulSoup 对象并使用方法如 find_all 和 get，可以方便地提取和查找文档中的信息。以下是一段示例代码，展示如何安装库、解析 HTML 数据以及打印段落、链接和特定类名的元素。BeautifulSoup 还支持更复杂的查询和文档修改功能。
东方睿赢
372 1
vohelon
|
Web App开发 前端开发 搜索推荐
创建HTML文件
【10月更文挑战第14天】创建HTML文件
vohelon
426 4
邹荣乐
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略（微信小程序、H5、APP全覆盖）
邹荣乐
2481 3
武子康
|
JSON 数据格式
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
武子康
1079 2
热爱技术的小郑
|
前端开发
HTML网页作业代码（仿写商城首页、学校官网网页等、源码可直接运行）
这篇文章提供了HTML网页作业的完整代码，包括仿写商城首页和学校官网网页的源码，以及如何运行和项目结构等详细信息。
热爱技术的小郑
558 1
HTML网页作业代码（仿写商城首页、学校官网网页等、源码可直接运行）
邹荣乐
|
JavaScript 前端开发 容器
Vue生成PDF文件攻略：html2canvas与jspdf联手，中文乱码与自动换行难题攻克
Vue生成PDF文件攻略：html2canvas与jspdf联手，中文乱码与自动换行难题攻克
邹荣乐
1722 0
米果粒
写一个HTML文件
【8月更文挑战第27天】写一个HTML文件。
米果粒
191 1
爱你三千遍斯塔克
|
前端开发 JavaScript
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
文本，wangEditor5展示HTML无样式，wangEditor5如何看源码，Ctrl + U看CSS文件，代码高亮，Prism.js可以实现，解决方法，参考网页源代码的写法
爱你三千遍斯塔克
764 4
路边两盏灯
【Azure 应用服务】部署Azure Web App时，是否可以替换hostingstart.html文件呢？
【Azure 应用服务】部署Azure Web App时，是否可以替换hostingstart.html文件呢？
路边两盏灯
176 0

热门文章

最新文章

  • 1
    使用npm install -g pnpm的时候报错
  • 2
    拿下奇怪的前端报错（三）：npm install卡住了一个钟- 从原理搞定安装的全链路问题
  • 3
    [npm]使用(c)npm安装yarn
  • 4
    换npm yarn的源让install超时去死吧
  • 5
    前端实战：基于Verdaccio搭建私有npm仓库，轻松上传与下载自定义npm插件包
  • 6
    nodejs npm常用命令
  • 7
    #发布npm包遇到错误，因为用了淘宝镜像地址的原因的解决方法-403 403 Forbidden - PUT https://registry.npmmirror.com/-/user/org.cou
  • 8
    【3】npm run build Vue的项目，如何修改相对路径配置
  • 9
    npm淘宝源镜像站切换域名啦
  • 10
    pnpm新建vite+vue3项目 以及pnpm和npm的区别
  • 1
    基于 Cloudflare Workers 构建高性能知识库镜像服务：反向代理与 HTML 动态重写实践
    514
  • 2
    C#编程实践：解析HTML文档并执行元素匹配
    210
  • 3
    响应式企业网站源码JavaL/PHP带后台管理​：Bootstrap HTML5模板
    892
  • 4
    精选HTML、JavaScript、ASP代码片段集锦
    176
  • 5
    HTML表单验证：确认input元素输入为具有特定整数和小数位数的数值。
    368
  • 6
    阻止HTML input元素（type='number'）中输入字母'e'的方法。
    283
  • 7
    仿真银行app下载安装， 银行卡虚拟余额制作app，用html+css+js实现逼真娱乐工具
    2377
  • 8
    个人征信电子版无痕修改， 个人信用报告pdf修改，js+html+css即可实现【仅供学习用途】
    714
  • 9
    个人征信PDF无痕修改软件，个人征信模板可编辑，个人征信报告p图神器【js+html+css仅供学习用途】
    1235
  • 10
    征信报告修改器，征信报告生成器，制作软件无痕修改软件【js+html+css】
    1675

    • 相关课程

    更多
  • HTML 入门与实战
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS

    • 相关电子书

    更多
  • 基于webpack和npm的前端组件化实践
  • 天猫HTML5互动技术实践
  • 基于FAAS构建NPM同步CDN

    • 推荐镜像

    更多
  • NPM
    • 下一篇
    对象存储OSS快速上手——如何使用ossbrower2