1. 新特性一览🔥

前几天WebStorm官方推送了新版本，今天带大家一起来看看新版本都有哪些变化😁

• WebStorm 2019.3的启动速度相比之前提高了20％

  • 各版本启动对比图

    
    
    image

• 对Vue.js的支持进行了重大增强

  • 在vue组件中代码提示可以提示外部引入文件里的声明的变量和方法，不在局限于当前组件
    
    image

• 查看vue.js中定义的组件和指令的文档，选中要查看的组件/指令按F1即可
  

  image

• 模板语言注入需要使用不同于文件主语言的代码片段?现在，您可以通过按Alt-Enter将这些代码片段注入到文件中，包括Pug、Handlebars和EJS。

  
  
  image

• 定义变量时编译器自动给出建议

  • 当你在JavaScript或TypeScript文件中定义变量和参数名时，编译器会根据当前项目中定义的类、接口和类型别名、标准库和您正在使用的依赖项的名称获得名称建议。

    
    
    image

• 支持从cdn引入的链接中获取当前链接里定义的css类名和js方法名

  • 如果你在项目中使用Bootstrap或另一个CSS库，并将其从HTML文件中的CDN链接到您的项目中，您现在可以从该库获得类名的完成，而无需将其源代码添加到项目中。要启用此功能，只需在HTML文件中的链接上按Alt-Enter并选择Download library。

    
    
    image

2. 安装使用

如果你是第一次使用webstorm请移步官网下载: http://www.jetbrains.com/webstorm/whatsnew/

• 旧版本升级新版本：菜单栏选择Help检查更新，如图所示
  

  image

• 升级提示框:点击 UPDATE AND RESTART
  

  image

• 升级中🥰

  
  
  image

• 升级成功😊

  
  
  image

文章中新特性所引用的图片，均来源于webstorm官网,本文章首发于掘金，转载请注明出处。