一、WebStorm使用
WebStorm是 <jetbrains> 公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、
“最智能的JavaScript IDE”等。与Intellij IDEA同源,继承了IntelliJ IDEA最强大的JS部分功能。
🌟备注几个功能小点:
1.任何一个编辑器都需要保存(ctrl + s),但WebStorm会自动保存
2.智能的代码补全
3.联想查询
4.代码重构
5.代码检查和快速修改
二、如何创建工行功能目录
2.1 打开 选择 Create New Project
▶ ️Create New Project --> 创建一个新工程
▶ Open --> 打开某个文件
▶ Get from version Control --> 选择一些配置

2.2 选择存储在什么位置
可以创建一个名为Code的文件夹,存储在文件夹里。尽量不要出现用中文路径。

3.3 页面打开之后
3.3.1 Code~/Desktop/Code 为项目根目录,变为了开发的路径。
3.3.2 在Code里可以做一些文件的处理,比如者鼠标右键,选择New->一些选择。可以创建文件/文件夹等等...例如创建一个HTML file.
Snip20200423_3.png



1. 更改主题 (字体和配色)
File->Settings->Editor->colors&fonts
2.让webstorm启动的时候不打开工程文件
File->Settings->General去掉Reopen last project on startup
3.显示行号
File->Settings->Editor,"Show Line numbers" 打上勾就显示行号了
4.代码自动换行
File->Settings->Editor,"Use Soft Wraps in editor" 代码就自动换行了
5.修改快捷键
File->Settings->Keymap
6.提示比较迟缓
File->Code Completion -> Autopopup in 下 1000改为0
🌟
备注:一般windows这么找,mac 直接找Preferences中的Editor,有可能IDEA版本,不同,显示不同。如下:

三、常用快捷键


mac 的话 ,把ctrl变为 cmd