node.js刷新浏览器要点

做一个网页项目时,总是需要不断保存代码,再不断刷新浏览器去查看我们的网页效果,很麻烦。去官网上安装一个node.js就可以解决我们的烦恼,安装好后,我们只需要保存代码,浏览器就会自动刷新,我们就可以看到即时的网页效果。

  1. 新建一个文件夹project,在vscode中打开

  2. 点击文件夹,在终端中打开,按住快捷键 Ctrl+` 即可

  3. 初始化项目,npm init -y,会出现一个project.json文件node.js刷新浏览器要点

  4. 输入npm i live-server,会自动下载我们需要的一个包node.js刷新浏览器要点

  5. 打开刚刚出现的project.json文件,删除如图中代码,输入“start”:“live-server demo”,其中demo是你要监听的文件夹,换成你需要监听的文件夹名就好node.js刷新浏览器要点
    node.js刷新浏览器要点

  6. 在project下新建一个demo文件夹(即你需要监听的文件夹),里面就可以放你的html,css js文件node.js刷新浏览器要点

  7. 在终端中输入npm start 就完成了。文件名必须是index才会默认识别,如果是别的,浏览器链接后面拼上自己的文件名,如 /index1.html
    node.js刷新浏览器要点

  8. 其中“垃圾桶“是终止终端,”x"是关闭面板node.js刷新浏览器要点

相关文章: