Webstorm配置本地服务器

最新推荐文章于 2024-12-25 23:46:29 发布

原创最新推荐文章于 2024-12-25 23:46:29 发布 · 6.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#局域网 #前端 #mac #WebStorm #本地服务器

Web前端专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍如何在WebStorm中配置本地服务器，使局域网内的同事或手机能预览前端页面。步骤包括更改端口号、添加部署规则、设置文件地址等。

Webstorm配置本地服务器这样我们就可以让在同一个局域网下的同事或者手机预览前端页面了（本人是在Mac环境下配置的，其实都一样）

1.端口号更改和可接受外部连接

进入Webstorm的Preferences 。路径：导航栏上的WebStorm->Preferences (Windows 下是File->Setting)

2.添加一条部署规则

3.设置规则类型和名称

4.设置文件地址和访问路径

5.查看效果

点击后的网址就是这个

ps:没配置好的可以留言啊

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

下雨天的小怪兽

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

webstorm本地调试服务器代码且同步更新的方法

jjw_zyfx的博客

08-16

1187

webstorm本地调试服务器代码且同步更新的方法

如何在webstorm中访问本地后台接口_Web项目开发中搭建临时静态服务器，支持热加载...

weixin_29938119的博客

01-22

1210

引言在web项目开发特别是一些静态网页开发的时候，我们在修改了文件中的html、CSS、js的时候常常会自己手动刷新页面来显示效果，或者我们在网上找到一款好的模板，然后想在本地演示，有时候静态模板不能直接打开，需要依赖服务器环境才能打开，这些给开发者带来了麻烦，所以今天介绍一个我常用到的一个工具live-server，可以一键搭建本地服务，而且支持热加载。示例图片如何安装？安装我这里提供两种安装方...

参与评论您还未登录，请先登录后发表或查看评论

WebStorm2020配置

NumbSilver的博客

03-09

3409

WebStorm2020配置方法WebStorm介绍Less和min的安装配置到WebStormWebStorm自定义快捷键 WebStorm介绍 WebStorm 在前端开发中是必不可少的一部分，新版本的WebStorm相比较于老版本有些不同，随用随更新。 Less和min的安装 Less 扩充了 CSS 语言,增加了诸如变量、混合(mixin)、运算、函数等功能。 Less 既可以运行在服务器端(Node.js 和 Rhino 平台)也可以运行在客户端(浏览器)。 Min主要用于压缩代码，less相较于

在webstorm中怎么配置本地服务器

热门推荐

前端小工

05-05

4万+

前端IDE有挺多的，比如Dreamwear，Hbuilder,Webstorm；还有许多纯文本编辑器。不过我还是比较喜欢Webstorm。因为webstorm自带了一个本地服务器。如果你把项目放到本地服务器，比如tomcat，就会出现一个跨域的问题。而你有不想copy来copy去，当然，如果你想，也是可以的。我们还可以在Webstorm中配置本地服务器。Settings 配置本地服务器，配置本

webstorm通过命令运行本地服务器,WebStorm配置本地测试服务器

weixin_32792909的博客

07-29

973

心系少时言等一不归人1. 点击Settings 进入设置图片发自简书App2. 选择 Build, Execution, Deployment 下的 Debuggera. 将端口号 63342 改为 8080b. 勾选Can accept external connections(可以接受外部连接)图片发自简书App3. 选择 Build, Execution, Deployment 下的 ...

如何在 WebStorm 中配置一个 Web 服务器

m0_74825135的博客

12-25

1342

如果你的项目需要与更复杂的 Web 服务器集成，可以使用 Apache 或 Nginx。WebStorm 提供了内置的 HTTP 服务器功能，可以快速预览项目的静态文件（HTML、CSS、JS 等）。如果需要动态内容或更复杂的服务器逻辑，可以在 WebStorm 中配置一个 Node.js Web 服务器。如果不需要复杂逻辑，可以使用 Python 的内置 HTTP 服务器。打开 WebStorm 的终端。Node.js Web 服务器。查看你的 Web 服务器。在项目中创建一个文件。查看项目的静态文件。

Vue进阶（三十四）： webstorm 应用 git 进行版本管理_webstorm 本地代码版本管理

2401_87288762的博客

09-25

725

正如我们一直批判应试教育脱离教育的本质，为了面试学习技术也脱离了技术的初心。其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。当修改了某个文件的时候，这个文件也会变成绿色。根据提示打开本地克隆的项目，就可以看到想要的文件了。管理，或者加入了没有提交，或者对文件进行了修改还没有提交。仓库上的最新文件，可以在最外层目录上右键，依次选择。

webstorm配置本地测试服务器，方便手机移动端真机调试

Tinybic

03-28

1643

最近又做了一个门户网站，需要兼容移动端。在chrome device mode下开发完以后想在真机上再调试，发现地址是localhost，手机无法调试。其实之前做项目的时候配置过webstrom本地测试服务器，但是webstorm更新以后设置略微不一样，记忆也有些模糊了，遂一顿google，找到了配置方法，这里记录一下。 1. 打开webstorm， Files > Settings &g...

在webstorm中配置本地服务器-局域网内其他设备访问（移动端手机访问测试等）...

weixin_30546189的博客

01-14

481

前言：我在网上找了很多教程，都写得不够全面，于是我亲自经过多次试验，试验出来了，现在分享给大家，另外我用的版本是webstorm 2018.1.5，我们一起看下面的配置一流程： 1.首先需要配置你的端口号并允许服务被外部访问操作顺序：　　① 点击左上角“file（文件）” 　　②点击Settings（设置）,弹窗设置窗口　　③在弹窗左侧上方搜索框搜索“deployment”...

WebStorm项目部署到本地服务器上

？？？的博客

03-11

1万+

1. 如果不嫌麻烦可以将项目复制到本地服务器上，简单粗暴哈哈。 2. 以下正题上图说明：这里本地服务器开的8080端口对应的就是服务器webapps目录（常识）上图说明：ljsoa_android是项目名称，注意WebStorm是找ljsoa_android的直接下级有没index.html文件，若有就把他直接下级目录部署到本地服务器上上图说明：上面的箭头正式将项目部署到...

在我的Mac上，通过Webstorm编辑器把项目放到本地服务器tomcat上

qikule的博客

05-02

1332

今天是2018年5月2号，其实就是刚刚休完五一三天小长假后，的第一天上班。今天我终于把一个项目在我的电脑上调试成功了！基于节前几天项目经理无心的一句话：“ 咱们公司那么多接口，你自己尝试用JS先写写呗。）” 他说这句话是因为看我正在工作之余学习Javascript权威指南，想让我“理论联系实际呗”。虽然他只是轻描淡写的一句话，我还是记在了心上了。于是，放假前的两三天里吧，就琢磨着既然要使用公司某个...

PHPStorm.WebStrom等系列官方开发工具配置本地项目与运程服务器同步

weixin_33716557的博客

02-10

226

PHPStorm.WebStrom配置本地项目与远程服务器同步说明：PHPStorm、WebStrom等官方的系统开发工具配置本地项目与远程服务器同步的方法都基本一致没有，几乎没有什么不同之处，我们拿WebStorm为例说一下具体的配置过程 WebStrom配置本地项目与远程服务器同步能做什么我们在团队开发时基本上开发环境都是统一的...

webstorm

丫丫的博客

03-30

2105

很久以前积累的webstorm操作，有需要的可以看一下一.关于webstorm1. webstorm更新需要激活webstorm更新需要激活,需要在服务器上激活选licenseserver ,然后将后面这串代码贴进去就好了.http://jetbrains.tencent.click/.2. webstorm设置本地服务器file->settings->development-&g...

搭建本地服务器，连接PHP和HTML（WebStorm+PhpStorm+phpstudy），测试最简单的表单验证

SunnySantino的博客

01-24

2263

适合入门PHP以及HTML开发，分别使用PhpStorm和WebStorm建立php和html5项目，快速搭建本地服务器，同时实现PHP和HTML的连接。 1.所需工具： WebStorm PhpStorm phpstudy （记住安装位置）推荐使用Google浏览器测试 / / / 2.WebStorm和PhpStorm 的汉化（可选）新版本的JetBrains产品不需要手动导入汉化包，只要打开软件后按照 settings->plugins->marketplace 搜索Chinese

webstorm 配置webserver选项，让其他ip设备可访问(如手机等测试效果）

linux_chen的专栏

08-21

2万+

webstorm设置测试服务器 -- 局域网内其他设备访问（localhost变更为ip地址查看）

晓时不眠的博客

04-18

1440

一、为什么设置成服务器，用IP地址查看？移动端的开发页面想要在手机端查看，使用localhost是无法查看的只有使用IP地址才可以通过本机IP访问该页面，查看页面效果二、设置方法 1、查看本机 IP 地址调出cmd命令行，输入ipconfig ，获取本机ip地址：192.168.1.100 2、设置 webstorm 选项 ① 弹出设置选项卡 : File ->Settings... ② 端口更改和允许外部：更改端口号“63342”为“8081”，并“√”可以接受外部链接.

Webstorm部署项目至服务器

轩辕鬼谷的博客

11-09

3183

目录一、在Deployment选项下配置远程服务器地址二、点击Mappings配置本地dist路径三、部署项目至指定服务器 Webstorm部署项目至服务器轻松几步搞定一、在Deployment选项下配置远程服务器地址　　　　点击加号，选择type类型，Name随便填，辅助找到这个远程部署的配置。　　　　Host为远程服务器地址。例如：192.168.2.xxx。　　Root path 服务器文件配置路径，填写的路径就是你项目上传服务器保存的路径...

webStorm 自动部署到远程服务器

书生

12-24

6654

一.准备工作 服务器准备： 1.安装node.js环境 2.新建项目目录 targetFiles，具体地址/home/www/targetFiles 3.上传项目代码，安装依赖 [也可以等webstorm部署配置完，Upload to 服务器] 4.启动项目二.webstorm 部署配置 1. 配置服务器 Settings -&gt; Build,Execution,Deployment-&...

webstorm配置gitLab