lite-server使用记录

lite-server:node轻服务器,运行打包后的项目;
如果不想自己写node服务就为跑个打包后的项目的话,就用这个吧
更快捷的方式是使用VS Code插件Live Server

github地址:lite-server

操作:

1. 创建并进入目录(你想手动创建也行)
mkdir LiteServer && cd LiteServer
复制代码
2. 初始化并下载lite-server
npm init && npm i -D lite-server
复制代码
3. 创建src文件夹(也可以改为打包后的文件夹名:dist/build都行),用来放打包后的文件
4. 根目录下创建一个文件bs-config.js配置服务端口、文件路径等
{
    "port": 8000,
    "files": ["./src/**/*.{html,htm,css,js}"],
    "server": { "baseDir": "./src" }
}
复制代码
5. 配置package.json:

在script下面添加命令:

"script": {
    "start": "lite-server"
}
复制代码

更多的配置看github吧,地址上面有

转载于:https://juejin.im/post/5cc2d847e51d456e68659378

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: 根据引用\[1\],问题中提到的错误是因为回调函数中的参数error没有被使用。解决方法是可以不设置参数,或者在回调函数内使用console.log(error)来处理错误。另外,根据引用\[2\],问题中提到的错误可能是因为没有安装webpack-cli导致的。解决方法是使用命令cnpm install webpack webpack-dev-server webpack-cli --save-dev来同时安装webpack和webpack-cli。最后,根据引用\[3\],问题中提到的错误可能是因为没有正确配置live-server的环境变量导致的。解决方法是找到live-server对应的文件路径,并将其添加到系统的path环境变量中。可以使用命令live-server -v来检查是否成功安装和配置了live-server。 #### 引用[.reference_title] - *1* *2* [Vue项目的常见报错问题解决](https://blog.csdn.net/qq_42526440/article/details/124222713)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [‘live-server‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件](https://blog.csdn.net/weixin_44547635/article/details/117449095)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值