CMD运行npm启动live server与VS Code扩展的使用差异咨询

2016年VS Code是否存在Live Server扩展 #

VS Code平台的Live Server扩展首次公开发布时间为2017年，你手中2016年编写的教材成书阶段该扩展尚未上线，自然不可能在教材内容中推荐这个更简便的方案，和内容疏漏无关。

命令行执行npm start启动服务的实际应用价值 #

两种启动预览的方式底层都是搭建本地HTTP服务，解决直接双击打开HTML文件走file://协议带来的跨域限制、资源加载异常问题，但命令行启动的方案有不可替代的场景价值：

• 不绑定特定开发工具：不管你使用VS Code、Sublime、WebStorm还是纯记事本编写代码，只要安装了Node.js环境就可以通过统一命令启动服务，团队协作时不会因为成员使用的编辑器不同，出现预览环境不一致、运行效果有差异的问题。
• 可扩展能力远高于编辑器扩展：教材配套代码内置的服务一般提前做了定制配置，可能自带Sass/Less自动编译、接口代理、路径重写、语法错误实时提示、模拟接口数据等功能，不是Live Server这类轻量扩展能覆盖的，直接用扩展打开这类配套示例反而可能出现功能缺失、运行报错的问题。
• 贴合工业界实际开发流程：企业级前端项目几乎都通过npm脚本启动本地开发环境，不会依赖编辑器扩展运行项目，提前熟悉这套命令行操作逻辑，后续学习前端框架、接触正式项目时不会对项目启动流程产生陌生感。

关于知识点遗漏的说明 #

你没有遗漏核心知识点。

日常写单文件HTML/CSS的简单练手demo时，直接用VS Code的Live Server扩展效率更高，完全能满足需求；跑教材配套示例、后续接触带构建流程的复杂项目时，优先使用项目自带的npm start脚本启动服务，能避免很多不必要的环境问题。

内容的提问来源于stack exchange，提问作者Newtoweb