WebStorm使用随手记

已于 2023-11-06 15:40:41 修改
阅读量170 收藏
点赞数
分类专栏： 工具 文章标签： webstorm ide
于 2023-09-26 14:52:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36206799/article/details/133308393
版权
本文介绍了如何在WebStorm中导入自定义settings，修改分隔符，启用中文语言包和Git工具，以及通过npm管理项目依赖。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、引入同事之前自定义的settings，或者导出自定义的settings

在这里插入图片描述

二、修改分隔符

在这里插入图片描述

三、打开WebStorm中git中的“Local Changes”/“本地更改”视图

File->Settings

在这里插入图片描述

四、安装的插件：

File->Settings->Plugins
  1. Chinese (Simplified) Language Pack / 中文语言包
  2. Visual Studio Code Dark Plus Theme
  3. GitToolBox
  4. Wechat mini program support

五、运行项目

右键项目里的package.json文件：
  1. 点击 Run ‘npm install’ 安装依赖
  2. 点击 Show npm scripts 打开npm 面板，点击以下任意一个执行自己需要执行的命令
  3. 在这里插入图片描述
游戏开发随手记:Cocos2d-html5：目录结构简单介绍
程序人生
12-30 4459
ocos2d-html5引擎下载地址： https://github.com/cocos2d/cocos2d-html5.git 下载下来后，用WebStorm工具打开，目录如下图 整个引擎核心目录由红色圈圈部分构成： 1、box2d 第3方物理引擎库 2、chipmunk 第3方物理引擎库 3、cocos2d 游戏引擎的主要文件都在这个目录下 4、Co
python 基础知识
kgditxl的博客
05-19 1536
前言 推荐使用Typora解锁全套，下载地址：https://www.typora.io/ Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。 使用word撰写文档，有如下的弊端： 只能对纯文本文件进行版本控制，而word是二进制格式 格式繁杂，经常需要中断写作来控制格式 代码与文档分离，给写文档造成更大的阻力 而假如单纯的使用txt，就没有一点格式了， 用html虽然既有格式又能加入版本控制，但是需要花费较多的时间在
WebStorm 初步使用 & HTML5 学习报告
weixin_38057349的博客
04-15 5万+
WebStorm 初步使用WebStorm介绍WebStorm是Jetbrains公司旗下的一款JavaScript开发工具，因其界面简洁，操作方便，被广大国内JS开发者誉为“Web前端开发神器”。WebStorm具有智能代码补全、代码格式化、html提示、联想查询、代码调试等多种优势功能，其对业界最新技术提供支持，支持流行的版本控制系统，为前端开发人员提供了极大的方便。WebStorm安装到官网...
【开发工具】WebStorm 前端开发神器菜鸟必备,全网最稳定靠谱的安装教程 一镜到底、全程图文并茂、通俗易懂!
极客小俊
07-10 9392
不用再找别的教程了你要的全在这里, WebStorm绝对是前端开发神器菜鸟必备,全网最稳定靠谱的安装教程!
首次运行WebStorm
最新发布
四荒八极的博客
04-22 268
在欢迎屏幕单击“自定义（Customize）”选择其他主题、配色方案，或选中“与操作系统同步（Sync with OS）”复选框使用系统默认主题。还可以配置辅助功能或选择快捷键方案。稍后，可以按 Ctrl + ` ，在弹出窗口中更改主题。
2025年 WebStorm 下载、安装教程、附详细图文教程，亲测有效
Java徐师兄的博客
11-30 1万+
2025年 WebStorm 下载、安装教程、附详细图文教程，亲测有效。 WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
作为前端开发，我为何疯狂推荐WebStorm？
零一的博客
08-09 2万+
经常会有小伙伴过来私信我，让我给他们推荐一下前端开发工具，我几乎都是毫不犹豫地就说 " WebSotrm "，原因我当时也没给他们细讲，因为这款开发工具功能实在是太全了，一句两句说不清楚，所以我准备写一篇文章告诉大家为什么要选择WebStorm
WebStorm安装教程（全网最快捷、最靠谱的方法）
灏的博客
03-04 5万+
快捷、方便、详细且简单的WebStorm安装教程。
WebStorm 安装配置（详细教程）
野生派蒙的博客
10-26 2万+
WebStorm 是一款由 JetBrains 公司开发的专业集成开发环境（IDE），主要用于 Web 开发，在前端和后端开发领域都备受青睐。
webstorm软件更新升级为免费版（保姆级）
燕辞桐镯的博客
11-01 3668
webstorm2020版升级webstorm2024版软件更新升级为免费版保姆级教程
webstorm2020.2.3下载安装教程
qq_39171225的博客
10-30 6915
1、首先去官网下载最新的版本 官网地址：http://www.jetbrains.com/webstorm/ 2、开始安装 3、选择合适的位置（最好不要装在C盘） 4、安装选项解释说明（根据自己需要选择） Create Desktop Shortcut：创建桌面快捷方式 Update context menu：是否添加到鼠标右键快捷方式里 Create Associations：关联文件格式，.js .css .html.json 勾选后之后js css html json文件默认会用webstorm打
自用webstorm配置setting jar包
07-03
【webstorm版本：11.0.2】 黑色背景，红黄绿配色，有css属性重复提示。 使用方法： 打开“file”下的“import setting”进行选择导入，关闭重启后即可使用。
WebStorm设置文件导入
天马行空的专栏
03-12 2万+
关注公众号“码农帮派”，查看更多系列技术文章： 首次安装的WebStrom-IDE没有设置任何的设置项，包括快捷键的使用，通过导入WebStorm的设置文件(setting.jar)可以快速设置IDE的属性。 导入方法： 打开WebStorm-IED，通过File/import Settings选项，导入设置文件settings.jar。设置文件下载地址： 百度云：链接...
作为前端开发，我为何疯狂推荐WebStorm？(1)
2401_84092574的博客
05-07 1382
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
WebStorm：常用插件（全部实用）包含主题、界面、开发效率等
本郡主是喵
06-03 9130
不仅可以翻译一些陌生单词的意思，还可以在取名字的时候不知道怎么取的时候，可以通过右键翻译并替换，就可以自动替换想要的名字。推荐：装上 Webstorm 第一件事就是改默认内存，可以在 .vmoptions 设置文件里手动改，也可以。只要是鼠标操作能够用快捷键替代的，Key Promoter 会弹出提示框，告知你用什么快捷键替代。推荐：将你的配置与你的账户绑定，这样无论在哪个电脑使用都是相同的配置和快捷键。也可以直接搜索：Material 也是可以找到的。也可以直接搜索：Material 也是可以找到的。
WebStorm 安装使用教程
IT_TERRY的博客
03-13 1020
评论区留言 或直接加qq 1550199748。
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
10-29 1万+
1、每行代码结尾自动加上;分号： Ctrl+Shift+S→编辑器→Code Style→Punctuation→Use（下拉框选Use）semiconlon to terminate statements 后面下拉框选always 2、JSON对象的属性名始终采用双引号： Use double（下拉框选double）quotes 后面下拉框选always 3、自动化格式去掉JSON对象最...
webstorm配置和使用
热门推荐
万少博-FE
04-19 5万+
更新时间：2018年7月31日20:44:21 《我的博客地图》 《我的博客列表》 程序员，21世纪最高大上的职业之一，作为80后末尾的一名硕士毕业后择业进入IT行业的程序员，工作经验很有限，尤其刚进入新的工作环境，身边同事/大神都是工作经验在3年左右的老人，基本比我年龄都小，瞬间压力来袭无地自容，在这样一种工作环境下，如何突破自己，如何规划自己的职业发展，这必须是一个有计划的安排。...
webstorm使用指南
Lipop's博客
07-13 9743
前端开发比较推荐的两款编辑器JetBrains的WebStorm和微软的VsCode，本人之前开发一直用的VsCode，日常开发其实基本上就满足了，但有几个地方对于我来说一直都是痛点，体验感非常不好。首先是Git分支管理和提交，虽然有插件但是跟JetBrains的Git工具完全没得比，并且电脑配置差点每次想回滚或者查看前后差异都要卡老半天。平时开发基本不用，都是在终端输入命令操作。其次是Vue的一些JS代码调试，虽然网上有一些VsCode如何支持调试的教程，但我弄了老半天都没弄好，很难弄。...
webstorm使用
08-31
WebStorm是一款被广大程序员使用的开发工具。在Mac上，它提供了许多常用的功能。其中之一是全局搜索。使用全局搜索可以方便地查找项目中的特定内容。 使用WebStorm的姿势如下： 1. 首先，在hosts文件中添加以下内容：0.0.0.0 account.jetbrains.com。这将阻止WebStorm与该域名的连接，以避免一些问题。 2. 然后，你可以粘贴一段文字，如：K6IXATEF43-eyJsaWNlbnNlSWQiOiJLNklYQVRFRjQzIiwibGljZW5zZWVOYW1lIjoi5o6I5p2D5Luj55CG5ZWGOiBodHRwOi8vaWRlYS5oay5...。具体来说，这可能是一段用于激活WebStorm的授权密钥。 3. 接下来，你可以开始使用WebStorm进行开发工作，包括编写代码、调试程序、版本控制等等。WebStorm的功能非常丰富，可以根据你的需求进行定制和扩展。 总结来说，WebStorm是一款功能强大的开发工具，在Mac上提供了许多常用的功能，包括全局搜索。你可以通过一些简单的步骤来开始使用WebStorm，并享受它带来的便利和效率。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [WebStorm使用教程](https://blog.youkuaiyun.com/qq_25502269/article/details/105550973)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [webstorm 使用技巧](https://download.youkuaiyun.com/download/weixin_38499950/13759489)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值