webstorm live-server

原创 已于 2022-05-17 16:52:28 修改 · 4.6k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webstorm #ide #intellij-idea

于 2022-05-17 13:43:08 首次发布
本文详细介绍了如何在WebStorm中配置和启用Live-Server，包括未配置的情况和具体步骤，适合Node.js开发者快速上手本地开发环境。

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 570
server
Idea、VsCode、WebStorm常用插件
探索技术与实践的旅程，分享编程经验与工具使用心得，助力开发者提升技能。
03-12 1883
语法高亮、智能感知、Emmet 等 包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl 需要同时按着）。：ES6 语 法 智 能 提 示 以 及 快 速输入，除js 外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含 js 代码文件的时间。：快捷键展示，跟Key Promoter X贴合使用，比较适合录视频用，我没用过，不知道体验咋样。：mybatis选手必备，一键跳转，自动生成，节省开发效率。
gulp serve 报错
PariyPeng
09-11 1694
gulp : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\gulp.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参 阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + gulp serve + ~~~...
在WebStorm中通过live-server插件搭建Ajax运行环境
明哥
08-07 1893
官网: https://nodejs.cn/download/使用淘宝的镜像： 也可以使用cnpm 配置之后可以验证是否成功（返回刚刚设置的地址即成功）： 之后就可以使用cnpm了：（安装live-server） webstorm不会自动开启服务器，需要手动开启 打开终端,输入命令
WebStorm中使用live-server插件
最新发布
Eddie'Blog
04-10 909
打开文件后输入 *.fdy.live.com 的域名。若不需要指定直接使用localhost就直接运行。默认打开的页面，也可以指定某个html地址。
如何在webstorm中访问本地后台接口_Web项目开发中搭建临时静态服务器，支持热加载...
weixin_29938119的博客
01-22 1213
引言在web项目开发特别是一些静态网页开发的时候，我们在修改了文件中的html、CSS、js的时候常常会自己手动刷新页面来显示效果，或者我们在网上找到一款好的模板，然后想在本地演示，有时候静态模板不能直接打开，需要依赖服务器环境才能打开，这些给开发者带来了麻烦，所以今天介绍一个我常用到的一个工具live-server，可以一键搭建本地服务，而且支持热加载。示例图片如何安装？安装我这里提供两种安装方...
webstrom配置live-server与javascript编写
Java123456__的博客
05-17 445
js基本语法
Idea、WebStorm 中运行live-server无法加载文件，此系统上禁止运行脚本解决方案
summer-2018
05-17 2020
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使用
gaojingsong的专栏
07-06 1990
PS D:\web001\vue001> live-server live-server : 无法将“live-server”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。 所在位置 行:1 字符: 1 + live-server + ~~~~~~~~~~~ + CategoryInfo : ObjectNotFound: (live-server:String) [], CommandNotFoundExc
webstorm live server
01-06
### WebStorm 中 Live Server 的功能与配置 #### 功能概述 Live Server 是一种用于开发过程中实时预览网页的技术，在编辑器保存文件后自动刷新浏览器页面，使得开发者可以即时看到更改的效果。对于小型HTML项目来说...
webstorm-settings:Webstorm同步设置
03-20
4. **Live Templates**：这是WebStorm的一项强大特性，允许用户创建自定义的代码片段，提高开发效率。 5. **插件**：安装的插件可以极大地扩展WebStorm的功能。同步插件设置可以确保在新环境中快速启用必要的工具。...
live-server服务安装
bossxu_的博客
05-26 6516
我们学习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 3501
在写一下简单的项目或学习一些技术的练习，没有服务器的话，每次写的代码都需要手动刷新浏览器。有点无奈，但是如果你安装了这个live-server 服务器就可以不用手动刷新，实时预览自己写的代码了。 live-server是一个具有实时重载功能的小型开发服务器。用它来热加载HTML / JavaScript / CSS文件，但不能用于部署最终的网站系统。 （一）安装 1.前提条件需要node.js...
WebStorm 简单部署服务器进行测试操作
weixin_34189116的博客
09-19 377
WebStorm 简单部署服务器对外发布接口 第一步： 查看webstorm防火墙是否允许链接，控制面板--》防火墙--》高级设置 入站规则--》webstrom是否允许链接 ，双击webstrom，选择允许链接 第二步： 打开webstrom--》File--》settings--》Buil...
WebStorm+Chrome开启Live Edit
Coding changes the world
05-28 5093
使用WebStorm做前端开发,Chrome+jb插件进行调试,可以实现Live Edit,所见即所得,极大的加快开发效率工具下载:WebStromChromeChrome JB插件步骤Chrome 配置jb插件安装完成后,桌面上有Chrome的快捷方式双击该快捷方式,启动Chrome,选择...->更多工具->扩展程序,勾选开发者模式,关闭浏览器重新启动Chrome,选择...-&g...
2024最新WebStorm常用的小技巧汇总，Web开发上路必备
棒棒编程修炼场
11-01 6884
WebStorm 是开发人员最常使用的一种网页开发工具，它是 JetBrains 公司旗下的一款网页开发工具，其功能非常强大，支持各种前端和 JavaScript 库的代码补全，被广大开发者誉为 Web 前端开发神器、最强大的 HTML5 编辑器、最智能的 JavaScript IDE 等。本文将对 WebStorm 的下载、安装及使用进行详细讲解。
你的vscode还在裸‘奔？裸 VSCode 必备插件
DEVELOPERAA的博客
07-22 639
VSCode 轻量、开源，新鲜下载的 VSCode 可谓是身无长物、一穷二白，连个项目管理的功能都没有。
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
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值