最近从vscode切换到了webstorm, 但是苦于webstorm没有live-server插件不太方便,下面说一说webstorm怎么使用live-server

,主要原理就是下载live-server这个npm包

玩过前端开发的都应该知道有局部安装和全局安装两种方式吧。你可以自由选择

安装live-server

很简单,我是用yarn全局安装
yarn global add live-server

使用live-server

如果你是全局安装的l, 然后直接在终端输入live-server显示命令行无效, 那么就是没有添加到环境变量, 自行搜索npm 全局安装包在那, yarn的全局安装包位置是bin文件夹, 也有可能你自定义了名字。哎呀,怎么都是自行搜索呢?🙃 因为我懒啊

使用npm脚本运行

也是很简单,在package.json 里面自行添加一个scripts就行

1
2
3
4
5
{
"scripts": {
"dev": "live-server"
},
}

结束了

live-server github地址https://github.com/tapio/live-server