Как переделать код js, чтобы PhpStorm не жаловался?

Question

[SLFCM308]

Если прописать этот код в HTML, то он срабатывает

$(document).ready(function(){
    $('.slider-for').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        fade: true,
        asNavFor: '.slider-nav'
    });
    $('.slider-nav').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        asNavFor: '.slider-for',
        dots: true,
        centerMode: true,
        focusOnSelect: true
    });
});

но стоит его прописать в js файле PhpStorm ругается на элемент "$" и предлагает для него создать функцию, которое я не в курсе как переделать. Для некоторых умников, файл подключен правильно, jQuery стоит 3.4.1 и плагины для слайдера подключены.