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

本文涉及的产品
视频直播,500GB 1个月
简介: 开发过程中,经常会需要用命令安装一些插件,用的最多的就是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,更多分屏软件查看这里




相关文章
|
缓存 JavaScript Windows
windows环境下NPM / NodeJS的安装配置
npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) 本文主要讲解如何搭建npm环境
6125 0
windows环境下NPM / NodeJS的安装配置
9-14|npm install --global windows-build-tools 安装太慢了,能够指定国内源
9-14|npm install --global windows-build-tools 安装太慢了,能够指定国内源
|
6月前
|
资源调度 jenkins 持续交付
jenkins 自动安装nodejs16.16.0版本报错处理
jenkins 自动安装nodejs16.16.0版本报错处理
737 0
Missing script: “serve“ 若依刚开始启动不了,需要npm下载资料
Missing script: “serve“ 若依刚开始启动不了,需要npm下载资料
|
域名解析 缓存 监控
介绍下我的 vscode 插件: Live Host
介绍下我的 vscode 插件: Live Host
329 0
|
11月前
|
Linux 数据安全/隐私保护 Windows
jupyterlab安装及简单配置
jupyterlab安装及简单配置
132 1
npm安装淘宝镜像cnpm报错:npm ERR! Windows_NT 10.0.19045
npm安装淘宝镜像cnpm报错:npm ERR! Windows_NT 10.0.19045
384 0
|
Web App开发 存储 JavaScript
NodeJS、Npm、cnpm和Webpack安装教程
Vue是一套自底向上的渐进式框架,用于构建用户界面。 渐进式框架:使用简单;项目中可以部分使用VueJS;如果使用AngelaJS全部前端代码要更换;
349 0
NodeJS、Npm、cnpm和Webpack安装教程
|
缓存 JavaScript 内存技术
Nodejs安装配置与npm配置
Nodejs安装配置与npm配置
356 0
Nodejs安装配置与npm配置
|
Ubuntu 网络安全
Ubuntu 16.04 编译LIVE555 Server
Ubuntu 16.04 编译LIVE555 Server
428 0