安装库

File=> Settings=> Languages&Frameworks=> Node.js and NPM=> 右侧“+”/“-”=> 可安装/删除 库

        也可通过完整的node和npm命令来俺咋混个。使用npm install 也是同样的效果(使用install名字要添加--save 才能自动配置packages.json,同样的uninstall也是一样)。

package.json

package这个json文件存放了每一个库的引用和包含关系。如果添加三方库的时候没有问题,webStorm是会自动去修改和添加package文件,智能提示和引用关系就会正常了。

管理库

File=> Settings=> Languages&Frameworks=> JavaScript=> Libraries

如果代码里有在线库,则鼠标放上去,点击“Download Library”即可。默认下载到:WS安装目录\config\javascript\extLibs

提示文档

其他网址


​Webstorm 2019.1.3 设置jquery命令自动补全 - 云+社区 - 腾讯云​

简介

        WebStorm已经自带有自动提示、自动补全、提示文档了,但如果自己手动加了库,会更加详细。

本处以jQuery为例进行示例,其他的包也是一样的方法。

添加提示方法 

法1: 直接下载@type/jquery

File=> Settings=> Languages & Frameworks=> JavaScript=> Libraries=> 右侧"Download"=> 找到"jquery"=> Download and Install

法2:手动添加

File=> Settings=> Languages & Frameworks=> JavaScript=> Libraries=> 右侧"Add"=> 按如下方式填写

WebStorm--项目设置_jquery

3:选择自己下载的jquery库

4:点击后会自动跳出"http://api.jquery.com",确定即填入此项

5:选中4后生成项,点击此下载按钮,会将文档下载到本地

最后:需要将本地文档放到最上边。

下边展示鼠标放到css方法上,不一样情况下的效果。 

默认的提示

WebStorm--项目设置_jquery_02

直接下载@type/jquery

WebStorm--项目设置_node.js_03

手动添加库与文档

WebStorm--项目设置_javascript_04

配置Node.js

1.下载安装Node.js

下载地址:​​Node.js​

安装后执行node -v   //会打印出版本。因为安装后会自动加入环境变量

2. 配置WebStorm

File=> Settings=> Languages&FrameWorks=> Node.js and NPM=> 

    右侧“Node intercepter”=> 选择node.js安装位置的node.exe

    右侧“Coding assistance for Node.js”=> 选中

其他

提示未授权

错误日志

Page 'http://localhost:63343/xxx.html' requested without authorization, you can copy URL and open it in browser to trust it.

解决方法

File=> Settings=> Build,Execution,Deployment=> Debugger=> Build-in Server=> 勾选“Allow unsigned requests”