学习-WEB前端快速入门- 4.4.WebStorm使用

2,021 阅读2分钟

一、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