WebStorm--项目设置

原文网址：WebStorm--项目设置_IT利刃出鞘的博客-CSDN博客

库

安装库

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

提示文档

其他网址

IDEA / WebStorm / PhpStorm 添加jQuery自动提示，自动补全，提示文档_arex_efan的专栏-CSDN博客
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"=> 按如下方式填写

3：选择自己下载的jquery库
4：点击后会自动跳出"http://api.jquery.com"，确定即填入此项
5：选中4后生成项，点击此下载按钮，会将文档下载到本地

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

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

默认的提示

直接下载@type/jquery

手动添加库与文档

配置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”