文章图片
本文创建于2020年8月，以下为正文：
菜单栏常用
FILE下（通常操作关于文件、工程） New Project创建工程
New 会弹出一个列表供选择要创建的类型
Open 打开一个项目
Save As 将当前页面另存为
Reopen Project 近几次打开的项目列表
Close Project 点击后返回到欢迎页面上
Rename Project 它修改的不是当前项目的文件夹名，而是文件夹目录下，idea 的以iml结尾的文件，这个是项目的名字。rename后观察iml文件名的变化
settings 常用设置
【前端|webstorm的使用快速入门】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:如果您觉得有用，请点赞转发，让更多人看到哦）
推荐阅读
- 操作系统|[译]从内部了解现代浏览器(1)
- web网页模板|如此优秀的JS轮播图，写完老师都沉默了
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export