Vue CLI 3- npm run serve vs serve -s dist
Vue CLI 3是一个基于Vue.js的脚手架工具，用于快速搭建Vue.js项目。在Vue CLI 3中，有两种方式来启动开发服务器：npm run serve和serve -s dist。
- npm run serve:
- 概念：npm run serve是通过运行npm脚本来启动开发服务器。
- 分类：npm run serve属于前端开发过程中的命令行工具。
- 优势：npm run serve可以自动检测文件的变化并实时重新编译，方便开发者进行实时预览和调试。
- 应用场景：npm run serve适用于开发阶段，用于在本地开发环境中快速启动一个开发服务器，方便开发者进行开发和调试。
- 推荐的腾讯云相关产品：腾讯云云服务器（CVM）提供了强大的计算能力和网络性能，适合部署和运行Vue.js项目。产品介绍链接地址：https://cloud.tencent.com/product/cvm
- serve -s dist:
- 概念：serve -s dist是通过运行serve命令来启动一个静态文件服务器，并指定dist目录作为服务器的根目录。
- 分类：serve -s dist属于前端开发过程中的命令行工具。
- 优势：serve -s dist可以将打包后的Vue.js项目部署为静态文件，并通过一个简单的服务器进行访问，适用于生产环境的部署。
- 应用场景：serve -s dist适用于生产环境的部署，用于将打包后的Vue.js项目部署到服务器上，并通过静态文件服务器进行访问。
- 推荐的腾讯云相关产品：腾讯云对象存储（COS）提供了高可靠、低成本的对象存储服务，适合存储和分发Vue.js项目的静态文件。产品介绍链接地址：https://cloud.tencent.com/product/cos
总结：Vue CLI 3提供了两种方式来启动开发服务器，npm run serve适用于开发阶段的实时预览和调试，而serve -s dist适用于生产环境的部署。腾讯云的云服务器（CVM）和对象存储（COS）是推荐的相关产品，用于部署和运行Vue.js项目。
相关·内容
我有一个用vue cli 3创建的简单的vue应用程序。当我在VS代码上使用npm run serve命令时，我可以在http://localhost:8080上显示应用程序而没有问题。我使用以下命令通过localhost为dist文件夹提供服务。npm run build
serve -s dist 在上面的命令之后，我应该在http:&#x
浏览 26提问于2019-09-24得票数 0
我使用的是VUE CLI 3，我需要从构建的产品中删除console.log和代码注释。keep_fnames: false, }, ],};生产构建仍然输出所有console.log语句，并显示代码注释(<!
浏览 10提问于2019-10-09得票数 5
回答已采纳
5回答
我确信dist文件夹中的build.js是200 is。我试着打开index.html，但是它不工作，并且重定向到网站上的根目录。if (process.env.NODE_ENV === 'production') { // http://vue-loader.vuejs.org== -1; })}
<script src=&quo
浏览 2提问于2017-10-31得票数 57
回答已采纳
我有一个Vue-cli项目，并希望启用离线支持(pwa，渐进的web应用程序功能)。因此，我为vue cli安装了PWA插件。在vue.config.js中，我配置了Pwa和工作框，如下所示：pwa: { // configure the workbox pluginproduction build, this file is replaced with an actual service work
浏览 3提问于2020-04-16得票数 7
1回答
前端使用vue.js。
现在，我可以轻松地将git存储库克隆到我的本地计算机上。在那里我需要运行它。为此，我想我首先需要在repository...somehow中设置vue.js。存储库中没有任何节点或npm或其他任何东西。我需要自己在本地安装(我猜这样做是为了保护存储库不会变得太大)。我在vue.js官方网站上学习了如何创建一个新项目，但在这种情况下，我是在一个现有的项目中工作，对吗？那么，如何将vue.js应用到现有的项目中呢？它基于vue-cli，所以我也需要安
浏览 4提问于2020-03-10得票数 0
1回答
This answer指出，npm run build创建了一个dist文件夹(在我的例子中是这样做的)和一个index.html文件-在我的例子中没有。相反，我在dist文件夹中有一个index.html文件，并将该文件夹上传到我的远程服务器，在浏览器中访问该index.html将显示一个空白页面，顶部显示"Hello world“(没有CSS，没有JS
浏览 5提问于2019-01-28得票数 1
1回答
当我运行npm run serve -- --mode individual时，应用程序启动并使用在.env.individual文件中找到的URL。鉴于以上所述，我假设在运行npm run build -- --mode individual时将生成\dist，然后可以运行npm run serve，应用程序将使用.env.individual文件中的变量鉴于我的package.json文件包含以下内容：
"scripts
浏览 3提问于2022-01-25得票数 0
我正试图在Mac中用WebStorm创建一个Vue应用程序。当我运行npm run dev时，获取以下错误：
"version": "0.1.0", "scripts": {
"serve": "vue-cli-servicese
浏览 0提问于2018-07-05得票数 1
回答已采纳
2回答
我正在使用vue cli 3，这是我的vue.config.jsconst webpack = require('webpack') outputDir: 'public/dist',
indexPath: '../../resources/<
浏览 1提问于2019-08-19得票数 3
回答已采纳
3回答
在vue-cli中，我想要npm run dev，但是得到了下面的错误：> cross-env NODE_ENV=development webpack-dev-server --open --hot
sh: cross-env
浏览 2提问于2018-02-02得票数 0
我一直在开发Vue.js和Node.js来构建我的应用程序。当我开始使用Vue时，它默认在8080上运行，而Node我在3008上运行。我尝试做的是由于某些情况，我想将Vue的端口从8080更改为任何其他端口，如8086或3005。我该怎么做呢？
浏览 2提问于2019-10-04得票数 5
我已经用Vue.js和express.js构建了一个应用程序。目前，我必须打开两个终端窗口，其中一个运行npm run serve，另一个运行npm start。": "vue-cli-service serve && (cd ../server && npm start)"
2nd try - "serve": "
浏览 0提问于2019-08-18得票数 7
回答已采纳
我和其他人一样为开发服务：但是，在构建时，应用程序占用大量资源并冻结浏览器。我在火狐上得到消息“网页正在减慢你的浏览器”，而基于铬的浏览器只需花费很多时间。npm run build我使用serve -s dist测试wh没有在本地加载。我似乎不明白为什么会这样。": "vue-cli
浏览 1提问于2021-03-21得票数 1
我现在在文件夹E:\Learn\app-code-vue中npm ERR!Missing script: "dev"npm ERR! To see a list of scripts, run:
npm ERR!A comple
浏览 8提问于2022-01-24得票数 2
尝试"npm run dev“，错误可以在下面找到。\npm-cli.js',1 verbose cli 'dev' ]3 info using node\npm\lib\run-script.js:155:19)
4 verbose stack at
浏览 40提问于2019-07-09得票数 0
回答已采纳
在为生产构建时，Vue CLI v3总是创建"dist/report.html“。这是webpack捆绑分析器的报告。"scripts": {
浏览 5提问于2018-10-25得票数 2
回答已采纳
1回答
我有一个带有@akryum/ssr的vuejs应用程序npm run ssr:servenpm run ssr:start只有没有ssr的选项才有效: npm run serveCMD ["npm", "run", "ssr:start"]
我打开
浏览 1提问于2021-06-03得票数 2
/bin/npm',1 verbose cli 'serve'2 info using npm@6.14.811 silly lifecy
浏览 19提问于2020-10-15得票数 45
npm install -g cnpm --registry=https://registry.npm.taobao.org当我尝试命令cnpm run dev时，出现了一个错误：npm ERR! code ENOENTnpm ERR!A complete log of this run<
浏览 2提问于2018-08-03得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
