webstorm的使用快速入门

本文创建于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，可以显示出行号，帮助我们快速定位代码。

点击状态栏右下角的click to go to line可以快速跳到你要找到行，当代码量过千时，这个功能非常有用。

webstorm常用配置

1.如何更改主题（字体&配色）

file->setting->editor->colors&fonts->scheme选择你的主题（darcula)

2.如何让webstorm启动的时候不打开工程文件

file->setting->Appearance&Behavior->System settings去掉reopen last project on startup（在启动的时候总是打开最后的工程）

3.如何完美显示中文

file->setting->appearance中勾选override defalt fonts by（not rencommended），设置name:NsimSum,Size:12

（appearance外观选项，选中“重写默认字体”，设置名字为NsimSum，它是windows下的宋体字，字号12）。这里设置的是整个IDE现实的文字，包括菜单列表的字。你可以试着把它改成英文，那样再在菜单项中看，中文有的会不正常显示，变成小方块了。

4.如何显示行号

在代码显示区的左边右击选择“show line number".

5.如何代码自动换行

file-settings-editor->general->"use soft wraps in editor"打上钩，代码就自动换行了。

你先试下，在一行中写很长的句子，看会不会换行。

webstorm快捷键

1.TAB 自动补全

2.Ctrl+d 复制当前行

3.Ctrl+y 删除当前行

4.Ctrl+/ 注释当前行/取消注释

5.Ctrl+shift+/ 注释多行/取消多行

6.Ctrl+z 撤销

7.alt 同时编辑

8.* 新建多个

9.> 包含关系

WebStorm作为一款强大的HTML5/JavaScript Web前端开发工具，被广大JS开发者誉为“Web前端开发神器”，值得你们信赖！

（ps:如果您觉得有用，请点赞转发，让更多人看到哦）