库
安装库
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"=> 按如下方式填写
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”