本文创建于2020年8月&＃xff0c;以下为正文&＃xff1a;

菜单栏常用

FILE下(通常操作关于文件、工程)

New Project创建工程

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

Open 打开一个项目

Save As 将当前页面另存为

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

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

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

settings 常用设置

Exit 退出Webstrom

常用操作

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

右击编辑区的左边栏&＃xff0c;点击show Line Number&＃xff0c;可以显示出行号&＃xff0c;帮助我们快速定位代码。

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

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)&＃xff0c;设置name:NsimSum,Size:12

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

4.如何显示行号

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

5.如何代码自动换行

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

你先试下&＃xff0c;在一行中写很长的句子&＃xff0c;看会不会换行。

webstorm快捷键

1.TAB 自动补全

2.Ctrl&＃43;d 复制当前行

3.Ctrl&＃43;y 删除当前行

4.Ctrl&＃43;/ 注释当前行/取消注释

5.Ctrl&＃43;shift&＃43;/ 注释多行/取消多行

6.Ctrl&＃43;z 撤销

7.alt 同时编辑

8.* 新建多个

9.> 包含关系

WebStorm作为一款强大的HTML5/Javascript Web前端开发工具&＃xff0c;被广大JS开发者誉为“Web前端开发神器”&＃xff0c;值得你们信赖&＃xff01;

(ps:如果您觉得有用&＃xff0c;请点赞转发&＃xff0c;让更多人看到哦)