webstorm的使⽤快速⼊门
web浏览器在哪里打开
本⽂创建于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：如果您觉得有⽤，请点赞转发，让更多⼈看到哦）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。