webstorm的使用快速入门

最新推荐文章于 2024-04-05 18:58:51 发布
最新推荐文章于 2024-04-05 18:58:51 发布
阅读量1.3k 收藏 7
点赞数
分类专栏： 前端 文章标签： html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sxtweb/article/details/108171958
版权

在这里插入图片描述
本文创建于2020年8月，以下为正文：

菜单栏常用

FILE下（通常操作关于文件、工程）

New Project创建工程

New 会弹出一个列表供选择要创建的类型

Open 打开一个项目

Save As 将当前页面另存为

Reopen Project 近几次打开的项目列表

Close Project 点击后返回到欢迎页面上

Rename Project 它修改的不是当前项目的文件夹名，而是文件夹目录下，idea 的以iml结尾的文件，这个是项目的名字。rename后观察iml文件名的变化

settings 常用设置

Exit 退出Webstrom
在这里插入图片描述

常用操作

鼠标划到编辑区的右上角，会显示出一排浏览器的图标，如果你电脑中安装了相应的浏览器，webstorm会自动关联它，在你想看当前文档的效果时，点击浏览器按钮即会打开

右击编辑区的左边栏，点击show Line Number

最低0.47元/天 解锁文章
尚学堂前端学院
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webstrom入门
YINBEIS的博客
04-18 217
1. 快捷键 ctrl+n––新建文件 按俩下shift键––快速查找 ctrl+r––替换 alt+鼠标选择––纵向修改排列在一条线上的元素 alt键选择内容不松手––多选 esc––取消选择 ctrl+alt+l––代码格式化 tab键––代码补全，嵌套 ctrl+d––快速复制一行 ctrl+/––注释 ctrl+alt+回车––在当前行上面添加一行 ctrl+shift+回车––在当前行下...
Webstorm 超实用入门教程
weixin_34409822的博客
08-13 3995
2019独角兽企业重金招聘Python工程师标准>>> ...
【开发工具】WebStorm 前端开发神器菜鸟必备,全网最稳定靠谱的安装教程 一镜到底、全程图文并茂、通俗易懂!
极客小俊
07-10 7916
不用再找别的教程了你要的全在这里, WebStorm绝对是前端开发神器菜鸟必备,全网最稳定靠谱的安装教程!
前端的同学不会还在用VS Code吧，可以放弃了；小马带你认识前端开发神器WebStorm（WebStorm及Git的相关配置与使用）(1)
最新发布
2401_84092143的博客
04-05 1185
点击这里即可免费获取，包括答案解析。果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）**点击这里即可免费获取，包括答案解析。[外链图片转存中…(img-zRQ0c6wG-1712314683519)]
webstorm2020.2.3下载安装教程
qq_39171225的博客
10-30 6680
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安装和破解（全网最快捷、最靠谱的方法）
热门推荐
灏的博客
03-04 1万+
全网最快捷、最方便、最详细的WebStorm激活方式。
WebStorm配置启动Vue项目
redrose2100的博客
11-21 1万+
本文详细介绍了WebStorm如何配置Vue项目并在WebStorm中启动Vue项目
TypeScript 快速入门之基础语法（一篇文章精通系列）（我的第一个TS程序【一】）【WebStorm版本】案例源代码
08-31
TypeScript 快速入门之基础语法（一篇文章精通系列）（我的第一个TS程序【一】）【WebStorm版本】案例源代码
Angular2使用Angular CLI快速搭建工程（一）
08-30
开始使用Angular CLI前，需要安装Node.js 5.0及以上版本，NPM 3.0及以上版本，并推荐使用WebStorm 11作为IDE。Angular CLI可以通过npm全局安装，命令如下： - Windows: `npm install -g angular-cli` - macOS: ...
React+Webpack快速上手指南(小结)
01-19
这篇文章不是有关React和Webpack的教程，只是一篇能够让你快速上手使用目前这两种热门技术的前端指南，并假设你对两者有一个基本的认识。如果你想先行了解下React，可以放肆的移步至 React官方教程，如果你已经使用...
前端开发-第一章Vue入门.docx
12-17
Vue.js 的安装和使用通常通过npm或者CDN，开发者可以使用WebStorm等IDE进行开发。Vue CLI（命令行工具）则简化了项目搭建和配置过程，快速启动一个新项目。Vue 2.6.1是目前稳定版，相比早期版本如1.1.x，它带来了更...
Angular2-SpringBoot:Angle 2和Spring Boot的入门项目
04-29
Java开发人员针对angular 2，打字稿和Spring Boot的快速入门项目。 全局安装 安装node.js npm install typescript -g（安装typescript编译器，从那时起可作为命令tsc ） npm安装gulp -g 在前端文件夹中 npm安装...
WebStorm中配置浏览器方法
yijiupingfan0914的博客
07-04 1万+
之前把google chrome换了个文件夹之后就出现WebStorm不能通过快捷按钮打开chrome浏览器了。每次都会提示“windows找不到'chrome'……”这样的一段话。后面自己摸索着弄出来了。我的是WebStorm 8 。设置步骤如下：1、File——Settings2、打开Settings之后出现的是如下的界面在搜索栏中输入browser（浏览器），然后选择下面Web Browse...
用webstorm开启网页的过程
KI4EVER
10-21 2176
记录一下用webstorm开启网页的过程： 当拿到一个项目文件夹时， 1.打开cmd，cd到当前项目的根目录（也就是有很多分支的目录） 2.删掉根目录里面原有的node_modules（耗时可能较长） 3.然后在cmd中当前根目录下运行npm install（耗时可能较长） 4.运行npm run build 5.运行npm run serve（不能一味地认为是npm run dev，...
webStorm 入门
Pony_18的博客
11-21 291
webStorm是远程访问，默认端口为63342，自带有服务器，但是不带有PHP解释器 首先说一下快捷键吧(快捷键是最伟大的发明之一，不接受反驳)： ul>li*3+tab Ctrl+Alt+向下箭头 Alt+↑/↓ 向上/下移动当前行 Ctrl+D 删除当前行 Ctrl+/ 注释/取消注释当前行 Ctrl+Alt+L 格式化当前文件 Alt+鼠标左键  进入多行编辑模式，E...
WebStorm使用教程
mao_xiaoxi的博客
07-21 483
参考： WebStorm安装与使用 webstorm配置和使用 WebStorm使用教程 Webstorm安装、破解、使用 webstorm的安装及基本配置 WebStorm安装与使用 webstorm的安装及基本配置 WebStorm安装教程 webstorm详细安装教程 Webstorm 超实用教程 Webstorm安装和配置 webstorm2019最实用破解方法（持续更新） ———————————————— 版权声明：本文为CSDN博主「dev_zyx」的原创文章，遵循CC 4.0 BY-SA版权协
WebStorm 快速开发教程 --CSS篇
WestLonly的博客
09-17 5310
WebStorm 快速开发技巧 --CSS篇
前端工具——编辑器之webstrom
lee
12-02 3737
欲先善其事，必先利其器，如题。看到网上一篇介绍webstrom的文章，觉得功能确实强大，也知道为什么阿里巴巴的前端传到github上的文件为啥都有一个 .idea 文件，（传说淘宝内部推荐写js用webstrom） 我们可以理解 IDE 就是集成了很多你想要的功能，或者你不想要的功能。换句话说就是装了很多插件的 editor ，所以到目前为止，我还觉得没必要给它装什么插件。 那么接下来
webStorm的project问题？
Lt-grint的博客
07-20 1440
问题描述webstorm打开多个项目的时候，会已新窗口打开或者是在本窗口打开，在本窗口打开会替换掉现在的项目，如何在一个窗口里面创建多个项目？解决方案方法：File -> settings -> Directories -> Add Content Root 中添加你想增加的工程目录。
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.csdn.net/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.csdn.net/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、付费专栏及课程。

余额充值