WebStorm初始设置

最新推荐文章于 2025-05-19 06:00:00 发布
最新推荐文章于 2025-05-19 06:00:00 发布
阅读量4.8w 收藏 15
点赞数 4
CC 4.0 BY-SA版权
分类专栏： Node-js Webstorm设置 文章标签： node-js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_15267341/article/details/52422621

WebStorm是Node.js开发必备的一款软件，安装完这个软件后，需要配置一下界面，下面具体讲讲：

1 修改界面的颜色

这里写图片描述

这里写图片描述

2 取消波浪线提示

这里写图片描述

3 取消下划线的显示

这里写图片描述

4 如何加入自动提示功能 （加入代码提示会极大的提升开发效率），个人感觉WebStrorm的代码提示功能还是非常强大好用的

这里写图片描述

5 右键选择 Run

这里写图片描述

6

这里写图片描述

7

这里写图片描述

8 根本上解决字符编码

这里写图片描述

9 快捷键设置，我习惯eclipse软件开发，因此我的快捷键类型选择eclipse，这样我就可以使用ctrl+shift+f 做代码格式化，很是方便

这里写图片描述

FR:海涛高软（QQ群：386476712）

WebStorm默认配置
03-14
配置ide文件内容 https://blog.youkuaiyun.com/GameCocos2dx/article/details/88545180
WebStorm初始化配置
weixin_30244681的博客
06-04 813
1.修改页面主题、字体类型及大小 2.让WebStorm识别ES6 3.解决字符编码问题 4.让webstorm启动的时候不打开工程文件 5.完美显示中文 转载于:https://www.cnblogs.com/hello-wuhan/p/6940862.html...
WebStorm工具窗口布局
最新发布
四荒八极的博客
05-19 766
WebStorm提供了灵活的工具窗口布局管理功能，允许用户自定义、保存和切换布局。用户可以通过移动、调整大小或更改视图模式来创建新布局，并将其保存为自定义布局。此外，用户还可以修改现有布局、切换不同布局、恢复布局到上次保存的状态，以及重命名或删除布局。默认布局无法自定义或删除，但用户可以随时恢复到默认布局。这些功能通过主菜单或快捷键操作，极大提升了开发环境的个性化配置和效率。
webstorm首次安装使用配置
亲测，只为展现最完美的有效！
02-28 4471
新装的 webstorm，用于开发vue前端。初始化默认的设置用着不习惯。 希望通过一些设置，让使用起来更加方便 一、运行配置 初始化没有运行和调试的图标 需要设置。软件右上角 二、调试配置 初始化没有调试的图标 需要设置。软件右上角 注意：这里的两个地方的端口要一致，就是 63342 端口号 用到的： http://localhost:63342 webpack:///src 完了之后 配置项就有debug选项了，之后调试线先启动 dvc运行，然后再debug运行，在debug弹出的浏览器界
WebStorm初次使用
weixin_34364071的博客
07-31 999
1. ctrl + / : 单行注释2. ctrl + shift + / : 块注释 3：展开当前函数代码：Ctrl+“+”，收起当前代码：Ctrl+“-” 4：全局查找：　Ctrl+Shift+F　 5：显示当前函数结构：Alt+“7”　 6：行复制：Ctrl+D 7：输出模板 ：Ctrl+J 8：跳到变量声明处：Ctrl+B 9：左右切换标签页：Alt+“左右箭头” 10：替...
webstorm设置sdfdgfgdgfg
04-09
- **Keymap**：WebStorm 默认使用的是IntelliJ IDEA 的键绑定，对于习惯其他IDE 的用户，如VSCode 或Eclipse，可以在`Settings/Preferences` -> `Keymap` 中更改键绑定，使其更符合个人习惯。 5. **版本控制集成**...
webstorm-settings:我的Webstorm设置存储库
03-27
6. **文件模板**：对于新创建的文件，可以设置默认的文件头注释或其他结构，比如HTML、CSS、JavaScript文件的头部信息。 7. **版本控制集成**：WebStorm与Git、SVN等版本控制系统无缝集成，提供图形化的提交、合并...
webstorm 相关的设置
01-20
在深入探讨WebStorm的设置之前，我们先了解IDE的一些基本概念。 **IDE（集成开发环境）** 是程序员日常开发工作的重要工具，它提供了代码编写、编译、调试、运行等一系列功能，极大地提高了开发效率。IntelliJ IDEA...
Webstorm的设置jar(可以将Webstorm设置像Eclipse一样)
07-25
在Webstrom中选择file-->import setting选中这个文件即可，快捷键等如Eclipse，注意改变默认样式后要重新设置方可生效！
webstrom官方的活动模版介绍
weixin_34100227的博客
10-17 276
编辑模板变量对话框 文件|设置|生活模板——编辑变量Windows和LinuxWebStorm |偏好|生活模板——编辑变量在OS XCtrl + Alt + S 当你点击对话框打开编辑变量按钮模板文本区现场模板页面。 的编辑变量启用按钮只有在模板的身体包含至少一个用户定义的变量,也就是说,一个变量不同$END$或$SELECTION$. 使用...
webstorm完整设置setting包
09-06
实用型的webstorm设置setting包。使用方法： 打开“file”下的“import setting”进行选择导入，关闭重启后即可使用
【前端】WebStorm配置
G.E.M.千百度的博客
11-16 1162
webstorm 主题、背景、字体、快捷键、ESLint格式校验、git提交忽略文件、自定义代码快捷模板等配置
WebStorm 重置配置
热门推荐
extendworld的博客
09-03 1万+
关闭WebStorm cd ~/Library/Preferences/ rm -rf WebStormXX WebStormXX 根据版本定。查看该文件夹全拼的办法。 ls | grep -i WebStorm 找到该文件夹的名字后执行第三步操作。完成之后重启 webstorm。所有的配置全部还原了。...
mac 初始化_重置webstorm
乾复道
05-17 2515
问题描述 是的,由于我的某些操作,webstorm被玩坏了,无法格式化成功,每次格式化均提醒我,代码已格式化,但事实并未格式化! 我尝试了卸载重装、重装不同版本,均存在之前的配置信息!无法完全卸载webstorm 最后,灵机一动,完成了重置! 提醒⏰: 以下重置方法将会重置你的webstorm的所有信息,包括,插件、自我配置,以及激活信息!!! 重置方法: 本方法适用于mac 苹果cpu版本的webstorm 1.关闭/退出webstorm 2.打开终端,不必使用管理员权限 3.删除下面的文件 3.1 Pr
Webstorm-恢复默认UI布局
一些coding知识记录
07-19 2993
步骤二:搜索Restore Default,找到快捷键设置[Restore Default Settings],这里可以自行设置快捷键组合(如Shift+P,尽量不要跟系统其他快捷键冲突),设置好后点击[Apply]步骤三:关闭[Setting],使用步骤二设置的快捷键[Shift+P],调出快捷键重制窗口,点击[Restore and Restart],重启后的Webstorm即恢复为安装时的默认设置.但是设置后的效果不理想,想要重新设置回原来的模样,却找不到设置项.步骤一:打开setting。
WebStorm个人习惯设置
gentlebreeze_ws的博客
05-24 477
WebStorm个人习惯设置 取消双击 shift 快捷键的全局搜索功能 接下来的修改都是在Settings里面进行 软件菜单栏等字体大小 代码字体设置 代码背景颜色自定义 代码注释颜色 修改标点符号颜色 修改代码颜色 代码自动换行 显示代码行号 ...
webstorm初始化配置项目
月亮的技术博客
04-03 320
在.eslintrc.json中添加。// 其他规则...中mysql的配置。
Webstorm基本配置
maqiu233的博客
08-11 8169
安装完webstorm首先： 配置内存分配 找到webstorm的安装目录 webstorm安装主目录>bin>WebStorm.exe.vmoptions 我的安装路径 D:\Program Files\JetBrains\WebStorm 2020.1.2\bin\webstorm64.exe.vmoptions 解决方法： 用记事本打开 将-Xms 改成1024m（最大为11024m，改多了webstorm无法打开） 将-Xmx改大，具...
webstorm字体设置
04-01
<think>好的，我现在需要回答用户关于如何在WebStorm中设置字体大小和样式的问题。根据用户提供的引用内容，我需要整合这些信息并按照系统级指令的要求来组织回答。 首先，用户引用了五个来源，都是关于WebStorm设置字体大小和样式的不同方面。我需要仔细阅读每个引用，提取关键步骤，并确保正确引用。例如，引用[1]提到通过File→Settings→Editor→Colors & Fonts→Font来设置字体大小和样式，而引用[5]则补充了打开设置的路径。引用[2]提到需要另存一个设置方案才能修改，这可能是一个重要的步骤，用户可能容易忽略，导致无法直接修改默认设置。引用[3]和[4]涉及终端字体的设置，这可能是一个特殊部分，需要单独说明。 接下来，我需要按照逻辑顺序组织步骤，确保用户能够逐步跟随。首先应该是主编辑器的字体设置，然后是终端的字体调整，因为终端设置可能位于不同的菜单下。同时，需要强调保存自定义方案的必要性，如引用[2]所述，避免用户直接修改默认方案失败。 另外，要检查是否有遗漏的细节，例如是否需要重启软件或特定版本的不同操作。根据引用[3]，某些版本的WebStorm可能无法直接修改终端字体，需要手动调整，这可能涉及到更详细的步骤或第三方插件的使用，但根据提供的引用，似乎用户可以通过设置菜单进行调整，所以需要确认步骤是否正确。 还需要注意使用正确的格式，比如行内数学表达式不需要，但所有技术术语如菜单路径需要用正确的中文表达，并确保LaTeX语法正确，但在这个问题中可能不涉及数学公式，所以可能不需要。回答需要使用中文，结构清晰，分步骤说明，并在适当的位置添加引用标记。 最后，生成相关问题时要围绕主题展开，比如如何恢复默认设置、调整背景颜色或终端字体问题，这些都是用户可能进一步感兴趣的方面。 现在，整合所有信息，确保每个步骤清晰，引用正确，并且语言自然流畅，避免技术术语混乱。同时，检查是否有冗余或重复的信息，例如多个引用提到的文件菜单路径，需要合并说明，避免用户重复操作。</think>### WebStorm设置字体大小和样式的详细步骤 #### 1. **设置编辑器主字体** - **打开设置界面** 点击顶部菜单栏的`File → Settings`（Windows/Linux）或`WebStorm → Preferences`（macOS），或使用快捷键`Ctrl+Alt+S`[^3][^5]。 - **进入字体设置选项** 左侧导航栏选择`Editor → Font`，右侧找到`Font`设置区域[^1][^2]。 - **自定义字体方案** - 默认方案不可直接修改，需点击`Save As...`另存为新方案（如`MyCustomScheme`）[^2]。 - 修改`Size`调整字体大小，选择`Primary Font`设置字体样式（如`JetBrains Mono`或`Consolas`）[^4]。 - **保存生效** 点击`Apply`或`OK`使设置生效。 #### 2. **设置终端字体** - **打开终端设置** 路径为`Editor → Color Scheme → Console Font`[^3]。 - **调整终端字体** 勾选`Use console font instead of the default`，随后修改`Size`和字体样式。 #### 3. **注意事项** - 若界面字体过小（如菜单栏），需在系统设置中调整IDE的缩放比例：`Appearance & Behavior → Appearance`，勾选`Override default fonts`并设置。 - 部分旧版本需通过插件或配置文件修改终端字体。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值