webstorm 代码提示设置

2019-03-29  本文已影响0人  哒哒哒哒da

1、vue语法提示

设置 – Inspections – HTML – Unknown HTML tags,添加Customs HTML tags

image.png

写入以下内容:

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    

image.png

试试吧

image.png

2、node语法提示

File -> Settings -> Languages&Frameworks -> Javascript -> Libraries,在右侧找到Download,下拉选择TypeScript community stubs,然后滚动找到node,点击Download即可。

image

提示:

image.png

如果因为网络问题下载失败,可以打开URL手动下载至本地,然后点击右侧的Add再添加进webstorm。

image image

3、JQuery

默认情况下没有JQuery补全,按照以下方法添加

1. 打开Settings,Languages & Frameworks > JavaScript > Libraries 选择Add...(也可以选择Download,让ide自动下载完成)

image.png

2. 名称自己定,Framework type下拉框选jquery,然后下面手动选择本地的Jquery.js文件,在下面添加说明文档,网址为 api.jquery.com , 然后选择下载到本地以加快显示速度

image.png

3. 之后就可以正确的补全,同时也有文档显示了,其他的库添加方法也类似

image.png

转载至:https://www.cnblogs.com/patriot/p/7987760.html

上一篇下一篇

猜你喜欢

热点阅读