webstorm live-server

已于 2022-05-17 16:52:28 修改
阅读量4.4k 收藏 10
点赞数 4
文章标签： webstorm ide intellij-idea
于 2022-05-17 13:43:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liu_g_d/article/details/124819839
版权

webstorm live-server

已安装node和live-server

1.1

未配置live-server

image-20220517110244262

1.2 配置live-server

image-20220517110519279

image-20220517110616457

image-20220517110742977

image-20220517110943384

alt+F12，输入

live-server

若开启不了，修改此设置

image-20220517114107936

image-20220517114209312

image-20220517133721592
在这里插入图片描述

liu_g_d
关注
webstrom 配置
代码青春
05-05 541
server
WebStorm中使用live-server插件
最新发布
Eddie'Blog
04-10 580
打开文件后输入 *.fdy.live.com 的域名。若不需要指定直接使用localhost就直接运行。默认打开的页面，也可以指定某个html地址。
在WebStorm中通过live-server插件搭建Ajax运行环境
明哥
08-07 1764
官网: https://nodejs.cn/download/使用淘宝的镜像： 也可以使用cnpm 配置之后可以验证是否成功（返回刚刚设置的地址即成功）： 之后就可以使用cnpm了：（安装live-server） webstorm不会自动开启服务器，需要手动开启 打开终端,输入命令
Live-Server使用
gaojingsong的专栏
07-06 1910
PS D:\web001\vue001> live-server live-server : 无法将“live-server”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。 所在位置 行:1 字符: 1 + live-server + ~~~~~~~~~~~ + CategoryInfo : ObjectNotFound: (live-server:String) [], CommandNotFoundExc
webstrom配置live-server与javascript编写
Java123456__的博客
05-17 406
js基本语法
Idea、WebStorm 中运行live-server无法加载文件，此系统上禁止运行脚本解决方案
summer-2018
05-17 1915
Idea、WebStorm 中运行live-server无法加载文件，此系统上禁止运行脚本解决方案 WebStorm、Idea中运行live-server出现这种情况 两种解决方案 1、方案一 （1）在win10系统中，以管理员运行powershell （2）输入 代码 set-executionpolicy remotesigned (3)再次输入 Y，问题就解决了 2、方案二 (1)在WebStorm 或者Idea工具中点击File—>Setting (3)选择Tools, 点击Term
live-server服务安装
bossxu_的博客
05-26 6440
我们学习vue1.0的时候 是需要服务的，这儿我们介绍一下借助于liver-server开发学习vue 1.安装node 2.初始化npm:++npm init++ 3.安装live-server:npm install -g live-server 4.安装成功以后启动live-server:live-server 因为npm安装插件是从国外服务器下载，...
web服务器live-server的安装及使用
weixin_42391884的博客
12-08 3389
在写一下简单的项目或学习一些技术的练习，没有服务器的话，每次写的代码都需要手动刷新浏览器。有点无奈，但是如果你安装了这个live-server 服务器就可以不用手动刷新，实时预览自己写的代码了。 live-server是一个具有实时重载功能的小型开发服务器。用它来热加载HTML / JavaScript / CSS文件，但不能用于部署最终的网站系统。 （一）安装 1.前提条件需要node.js...
WebStorm 简单部署服务器进行测试操作
weixin_34189116的博客
09-19 357
WebStorm 简单部署服务器对外发布接口 第一步： 查看webstorm防火墙是否允许链接，控制面板--》防火墙--》高级设置 入站规则--》webstrom是否允许链接 ，双击webstrom，选择允许链接 第二步： 打开webstrom--》File--》settings--》Buil...
webstorm live server
01-06
### WebStorm 中 Live Server 的功能与配置 #### 功能概述 Live Server 是一种用于开发过程中实时预览网页的技术，在编辑器保存文件后自动刷新浏览器页面，使得开发者可以即时看到更改的效果。对于小型HTML项目来说...
webstorm-settings:Webstorm同步设置
03-20
4. **Live Templates**：这是WebStorm的一项强大特性，允许用户创建自定义的代码片段，提高开发效率。 5. **插件**：安装的插件可以极大地扩展WebStorm的功能。同步插件设置可以确保在新环境中快速启用必要的工具。...
webstorm插件live
02-03
### WebStorm Live 插件安装、使用与配置 #### 安装Live Edit插件 对于希望实现实时预览功能的开发者来说，在WebStorm中集成Live Edit插件是一个不错的选择。该插件允许开发人员在编写HTML、CSS或JavaScript代码的...
WebStorm+Chrome开启Live Edit
Coding changes the world
05-28 5018
使用WebStorm做前端开发,Chrome+jb插件进行调试,可以实现Live Edit,所见即所得,极大的加快开发效率工具下载:WebStromChromeChrome JB插件步骤Chrome 配置jb插件安装完成后,桌面上有Chrome的快捷方式双击该快捷方式,启动Chrome,选择...->更多工具->扩展程序,勾选开发者模式,关闭浏览器重新启动Chrome,选择...-&g...
2024最新WebStorm常用的小技巧汇总，Web开发上路必备
Amo Xiang的博客
11-01 6322
WebStorm 是开发人员最常使用的一种网页开发工具，它是 JetBrains 公司旗下的一款网页开发工具，其功能非常强大，支持各种前端和 JavaScript 库的代码补全，被广大开发者誉为 Web 前端开发神器、最强大的 HTML5 编辑器、最智能的 JavaScript IDE 等。本文将对 WebStorm 的下载、安装及使用进行详细讲解。
live-server的安装与使用
能能的代码日常
10-29 3万+
live-server的安装与使用 初始化npm:npm init 安装live-server：cnpm install -g live-server 启动live-server：live-server–也可以设置快捷方式以及端口号： 在package.json中找到”script”,写入: "server":"live-server ./ --port:9090" 启动：cnpm run
WebStorm license server
热门推荐
且心的专栏
04-19 5万+
WebStorm license server: 2017-10-16更新： http://idea.iteblog.com/key.php 2018-01-06更新: http://idea.imsxm.com/ 【建议都试试，不行的话继续在网上爬咯】
live-server的用法
cangowu的博客
06-06 1万+
在前端开发的过程中，有时候希望页面实时刷新，这时候就可以用到live-server1.安装npm install -g live-server2.根目录下建立一个index.html执行live-server3.默认端口为8080，如果需要修改在package.json的"scripts"增加"server":"live-server ./ --port=8090"4.运行npm run serv...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值