1. 程式人生 > >webstorm 代碼提示

webstorm 代碼提示

情況 網絡問題 下拉選擇 下載 num setting images 情況下 title

1、vue語法提示

    設置 – Inspections – HTML – Unknown HTML tags,添加customs

    技術分享圖片


    v-text
    v-html
    v-once
    v-if
    v-show
    v-else
    v-for
    v-on
    v-bind
    v-model
    v-ref
    v-el
    v-pre
    v-cloak
    v-on:click
    v-on:keyup.enter
    v-on:keyup
    @click

    @change
    number
    debounce
    transition
    :is
    技術分享圖片

    

   試試吧

    技術分享圖片    

2、node語法提示

    File -> Settings -> Languages&Frameworks -> Javascript -> Libraries,在右側找到Download,下拉選擇TypeScript community stubs,然後滾動找到node,點擊Download即可。

    技術分享圖片

    提示:

    技術分享圖片

    如果因為網絡問題下載失敗,可以打開URL手動下載至本地,然後點擊右側的Add再添加進webstorm。

    技術分享圖片

    技術分享圖片

3、JQuery

    默認情況下沒有JQuery補全,按照以下方法添加

    1. 打開Settings,Languages & Frameworks > JavaScript > Libraries 選擇Add...(也可以選擇Download,讓ide自動下載完成)

      技術分享圖片

    2 名稱自己定,Framework type下拉框選jquery,然後下面手動選擇本地的Jquery.js文件,在下面添加說明文檔,網址為 api.jquery.com , 然後選擇下載到本地以加快顯示速度

      技術分享圖片

    3. 之後就可以正確的補全,同時也有文檔顯示了,其他的庫添加方法也類似

      技術分享圖片

webstorm 代碼提示