安装使用npm及live-server插件安装

简介: 开发过程中,经常会需要用命令安装一些插件,用的最多的就是npm。这里主要先说下如何安装和常见的使用方法。

开发过程中,经常会需要用命令安装一些插件,用的最多的就是npm。


这里主要先说下如何安装和常见的使用方法。


安装方法


Node.js网站安装npm,下载安装对应的版本即可


image.png



打开终端输入npm -v,如下图,显示出当前版本就说明成功了


image.png



npm常用命令


官网文档 点击这里


live-server插件安装和使用


插件用途:可以在本地用IP打开HTML页面


安装过node.js后,在终端输入下面命令:

sudo npm install -g live-server
//回车会显示password:直接输入电脑密码等待安装即可,密码输入看不到可忽略,只要输入过了就行
//password:输入电脑密码


image.png



在Xcode右侧下方的终端输入:live-server


或者


在vsCode编辑器中单击任意一个文件右键:在集成终端打开并输入:live-server


image.png



配合分屏软件使用,在xcode中随时保存随时查看效果


分屏软件推荐使用magnet,更多分屏软件查看这里




相关文章
|
消息中间件 SQL 存储
超详细的RabbitMQ入门,看这篇就够了!
RabbitMQ入门,看这篇就够了
216962 68
|
存储 Shell Linux
【Shell 命令集合 文件传输 FTP客户端工具】Linux ncftp 命令使用指南
【Shell 命令集合 文件传输 FTP客户端工具】Linux ncftp 命令使用指南
328 0
|
移动开发 前端开发 JavaScript
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目,vs code 前端如何以服务器模式打开?
|
11月前
|
监控 负载均衡 Java
5 大 SpringCloud 核心组件详解,8 张图彻底弄懂
本文图文详解 Spring Cloud 的五大核心组件,帮助深入理解和掌握微服务架构。关注【mikechen的互联网架构】,10年+BAT架构经验倾囊相授。
5 大 SpringCloud 核心组件详解,8 张图彻底弄懂
|
12月前
|
缓存 搜索推荐 数据挖掘
TPS和QPS是什么?都是什么区别?
TPS和QPS是什么?都是什么区别?
8687 4
|
Prometheus Kubernetes 监控
在K8S中,当Pod业务量比较大时候,如何实现水平伸缩和扩容?
在K8S中,当Pod业务量比较大时候,如何实现水平伸缩和扩容?
|
5月前
|
人工智能 自然语言处理 程序员
通义灵码 2.5 版发布上线,支持 Qwen3
示例中展示了通义灵码创建贪食蛇游戏的过程,包括代码优化、Bug修复和功能改进(如游戏结束后提示重新开始)。并通过AI总结了工具的核心能力,如实时续写、自然语言生码、单元测试生成等,帮助开发者高效编码并提升代码质量。
222 10
|
前端开发 JavaScript 数据库连接
掌握 JavaScript 异步编程:从回调到 Async/Await
在现代 JavaScript 开发中,异步编程是处理非阻塞操作的关键技术。本文从早期的回调函数讲起,逐步过渡到 Promise 和 ES2017 的 async/await 语法,展示了异步编程如何变得更加简洁和强大。通过实用的技巧和最佳实践,帮助开发者避免常见陷阱,提升代码效率和可靠性。
|
NoSQL 前端开发 Redis
Windows 下安装和配置 Redis (图文教程)
Windows 下安装和配置 Redis (图文教程)
|
12月前
|
监控 数据可视化 BI
香蕉型曲线比较法是什么?如何在实际中应用?
香蕉型曲线比较法是一种项目管理工具,通过组合两条S型曲线(ES曲线和LS曲线)形成形似香蕉的闭合曲线,用于分析项目进度。ES曲线反映最理想的进度,LS曲线显示最迟开始时间下的进度。此方法有助于进度监控、预测及资源优化配置。
香蕉型曲线比较法是什么?如何在实际中应用?