代码起飞前的IDE之webstorm武装

最新推荐文章于 2023-07-25 11:17:36 发布
最新推荐文章于 2023-07-25 11:17:36 发布
阅读量172 收藏
点赞数 1
分类专栏： 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42712637/article/details/84338773
版权

1、快速给字符串添加引号setting>editor>general>smart keys>勾选surround section on typing quote or brace.

2、快速代码快设置：setting>editor>general>live templates 然后选择需要在哪种文件中添加（html还是javascript）,注意要点加号

3、自定义字体风格设置：setting>editor>color scheme 再选择文件（比如JavaScript）型进行自定义颜色或者是否加粗等（自定义前必须将Inherit values form选项中的对号取消  即不勾选方可进行自定义设置）

4、去除代码底部各种警告 或者删除线等标志setting>editor>color scheme>general 之后根据需要可自定义进行编辑 

5、ctrl+f搜索  Ctrl+r 替换

代码彬
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webstorm html代码提示设置,Webstorm设置代码提示
weixin_39622655的博客
06-08 6881
下载路径： https://github.com/virtoolswebplayer/ReactNative-LiveTemplate本插件可以配合Webstorm设置代码提示。Mac下安装Webstorm2016.1为例安装路径在终端：$ cd~/Library/Preferences/$ ls找到Webstorm版本$ open WebStorm2016.1先将ReactNative.xml...
WebStorm代码颜色美化、语法清晰
11-13
调了很久的颜色，语法清晰，种类齐全。导入直接使用。使用方法： 1、打开文件 2、导入设置 3、重新启动。简单快捷
webstorm 开发插件集合
前端学习记录
08-05 4005
webstorm 插件集合
HTML5画布生成的3D飞船舰队效果
tyygming的专栏
11-03 286
在线演示 本地下载 使用HTML5画布2D来模拟3D的空间效果，生成舰队飞行效果，了解如何开发，请阅读下面代码相关“轻视频”： HTML5画布模拟生成3D的舰队飞行效果 ...
前端开发IDE之webstorm简单介绍
绝圣弃智-零的博客
11-19 4989
webstorm简单介绍   欲先善其事，必先利其器，如题。 我们可以理解 IDE 就是集成了很多你想要的功能，或者你不想要的功能。换句话说就是装了很多插件的 editor ，所以到目前为止，我还觉得没必要给它装什么插件。 那么接下来开始介绍webstrom的特色功能： WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具 任何一个编辑器都需要...
Webstorm 代码块折叠与展开快捷
LlanyW的专栏
01-15 2819
折叠全部方法：同时按下 Ctrl 键、Shift 键和 - 键。展开全部方法：同时按下 Ctrl 键、Shift 键和 + 键。Window 操作系统下， ，展开/折叠类中方法的快捷键。折叠单个方法：同时按下 Ctrl 键和 - 键。展开单个方法：同时按下 Ctrl 键和 + 键。
webstorm自定义快捷键生成代码片段
翱翔-蓝天
07-05 1817
webstom操作
WebStorm设置代码模板
zhang1509123907的博客
02-17 3098
注：本人的是windows系统，2021.2版本。但是其实版本不同，操作也是大同小异。 第一步，打开setting设置 第二步：点击Editor，然后点击Live Templates，再点击右上方的加号 Live Template（代表创建具体的模板） Template Group（代表创建模板组） 选中模板组，点击Live Template创建具体的代码模板 Abbreviation（模板的缩写） Description（模板的描述） Template.
【WebStorm 】WebStorm 保存时格式化代码
qq_39291270的博客
02-03 1843
WebStorm 保存时格式化代码
解决WebStorm中项目没有tailwind代码提示
wzlwzl2的博客
07-25 1804
webstorm中没有tailwind代码提示
webstorm之操作git
qq_34907249的博客
08-19 1929
webstorm工具使用
微信代码在webstorm智能提示
09-03
webstorm开发微信小程序代码提醒，用webstorm开发微信小程序小游戏代码智能提示
WebStorm_快捷键和代码模板
01-04
WebStorm_快捷键和代码模板WebStorm_快捷键和代码模板 WebStorm_快捷键和代码模板
Webstorm 提交代码到Github
02-07
Webstrom 管理源代码，将代码提交到Git进行代码管理。
前端开发IDE、JS神器WebStorm5详细介绍
02-25
从最初的dreamweaver,到...其他的html和css之类的大家自己发掘，记得WebStorm可是支持Zencoding的哟，帅~)：支持不同浏览器的提示，还包括所有用户自定义的函数(项目中)代码补全包含了所有流行的库，比如：JQuery,YU
基于OpenCV的人脸模型训练
最新发布
06-23
开发环境PyCharm Community Edition
非道路移动机械信息采集汇总表.docx
06-23
非道路移动机械信息采集汇总表.docx
aardio的详解.zip
06-23
aardio
100款古风PPT (13)(1).pptx
06-23
【ppt素材】工作总结、商业计划书、述职报告、读书分享、家长会、主题班会、端午节、期末、夏至、中国风、卡通、小清新、岗位竞聘、公司介绍、读书分享、安全教育、文明礼仪、儿童故事、绘本、防溺水、夏季安全、科技风、商务、炫酷、企业培训、自我介绍、产品介绍、师德师风、班主任培训、神话故事、巴黎奥运会、世界献血者日、防范非法集资、3D快闪、毛玻璃、人工智能等等各种样式的ppt素材风格。 设计模板、图片素材、PPT模板、视频素材、办公文档、小报模板、表格模板、音效配乐、字体库。 广告设计：海报，易拉宝，展板，宣传单，宣传栏，画册，邀请函，优惠券，贺卡，文化墙，标语，制度，名片，舞台背景，广告牌，证书，明信片，菜单，折页，封面，节目单，门头，美陈，拱门，展架等。 电商设计：主图，直通车，详情页，PC端首页，移动端首页，钻展，优惠券，促销标签，店招，店铺公告等。 图片素材：PNG素材，背景素材，矢量素材，插画，元素，艺术字，UI设计等。 视频素材：AE模板，会声会影，PR模板，视频背景，实拍短片，音效配乐。 办公文档：工作汇报，毕业答辩，企业介绍，总结计划，教学课件，求职简历等PPT/WORD模板。
webstorm入门代码
09-14
很高兴您对WebStorm感兴趣！作为一款专为前端JavaScript开发而设计的工具，WebStorm提供了许多强大的功能。以下是一个简单的WebStorm入门代码示例： ``` <!DOCTYPE html> <html> <head> <title>WebStorm入门代码</title> <script> // 在这里编写JavaScript代码 function sayHello() { var name = prompt("请输入您的名字："); alert("你好，" + name + "！"); } // 调用函数 sayHello(); </script> </head> <body> </body> </html> ``` 这个代码示例展示了一个简单的网页，其中包含了一个JavaScript函数`sayHello()`。该函数通过`prompt`方法获取用户的名字，并通过`alert`方法弹出一个问候信息。您可以在WebStorm中创建一个HTML文件，将此代码复制粘贴进去，然后运行该文件，即可看到效果。 希望这个简单的示例能够帮助您入门WebStorm的开发！如果您还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值