vuecli打包，发布命令

最新推荐文章于 2024-01-02 23:46:17 发布
最新推荐文章于 2024-01-02 23:46:17 发布
阅读量374 收藏
点赞数
文章标签： npm 构建 发布 全局服务 前端开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45932157/article/details/122964605
版权

打包：npm run build
安装全局服务：npm install -g serve
发行：serve dist
在这里插入图片描述
运行效果：
在这里插入图片描述

你的美，让我痴迷
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
vue安装、打包、发布
天行健-君子以自强不息
01-17 583
tips:可以在cmd命令窗口输入命令 tasklist /fi "imagename eq nginx.exe" ，出现如下结果说明启动成功。(2)打开命令窗口，切换到nginx解压目录下，输入命令 nginx.exe 或者 start nginx ，回车即可。测试，打开浏览器输入localhost, 注意端口号必须要跟nginx上面配置一样。打开nginx目录下的、conf文件夹下的nginx.conf文件。(1)直接双击nginx.exe，双击后一个黑色的弹窗一闪而过。c.修改nginx配置。
前端(vue)npm如何发布自己的包
HouMengFei_的博客
06-26 1337
前段npm发布自己的包
vue常用指令（新手实用版）！！！！
最新发布
Assassinhao的博客
01-02 459
不管是v-if、v-else、v-else-if这些的，他们都有一定的共同点的，所以我们要挖掘其中的奥妙所在不能死板照搬，要举一反三！
vue项目怎么打包发布
weixin_42599558的博客
01-11 913
Vue 项目的打包和发布流程如下： 安装依赖：在项目根目录下打开终端，运行命令 npm install 或 yarn 安装项目依赖。 打包项目：运行命令 npm run build 或 yarn build。这会在项目根目录下生成一个 dist 目录，里面存放着打包后的文件。 部署项目：将 dist 目录中的文件部署到服务器上即可。这里可以使用常见的部署工具如 FTP, Git 等进行部署。...
Vue打包并发布项目
qq_43842093的博客
05-11 9872
一、 打包vue项目步骤： 1、对当前vue项目进行打包的命令如下： npm run build 2、打包完成，会输出Build complete并且在vue项目中会生成一个名字为dist的打包文件。如下图： 二、 使用静态服务器工具包发布打包的vue项目 1、首先安装全局的serve，如下图： 命令如下：serve + 打包文件名 serve dist 效果图如下： 3、使用浏览器访问上图中输出的地址，效果图如下： 三、 使用动态 web 服务器(tomcat)发布打包的vue项目
Vue-cli使用
qq_51110485的博客
08-20 2545
vue-cli的使用
Vue-cli打包后部署到子目录下的路径问题说明
10-14
完成上述配置后，重新运行 `vue-cli` 的打包命令，生成的静态文件就可以在指定的子目录下正常工作了。这将帮助你的 Vue.js 应用在服务器的二级子目录下运行，同时解决了资源路径的问题。请记住，不同的服务器配置...
Vue插件打包与发布的方法示例
10-18
Vue 插件打包与发布的方法示例 Vue 插件打包与发布是指将插件开发完成后的代码进行压缩、编译和发布到公共组件库中的过程。下面将详细介绍 Vue 插件打包与发布的方法。 一、创建插件目录和初始化项目 首先，创建...
vue-cli或vue项目利用HBuilder打包成移动端app操作
10-15
Vue CLI或Vue项目利用HBuilder打包成移动端App的操作流程涵盖了多个关键步骤，这些步骤对于将Web应用程序转换为可在移动设备上运行的应用程序至关重要。以下是详细的知识点解释： 1. **测试项目**： 在开始打包...
vue-cli3分环境打包
01-20
在 Vue CLI 3 中，我们可以通过 `package.json` 文件中的 `scripts` 部分定义不同环境的打包命令。以下是如何设置的： 1. **添加命令**： 在 `package.json` 的 `scripts` 字段内，我们可以添加以下命令： - `dev...
vue-cli3项目打包后自动化部署到服务器的方法
10-14
Vue CLI 3 的打包命令通常是 `npm run build`，它会生成一个 `dist` 目录，包含优化过的静态资源，适合生产环境。 接下来，为了实现自动化部署，我们需要借助一个名为 `scp2` 的模块，它允许我们通过 SSH 协议安全...
Vue项目发布具体步骤
weixin_44440165的博客
02-03 2060
一．把开发模式入口和产品模式入口区分开，建立两个入口文件。 二．在项目根目录下创建vue.config.js,用于配置不同环境下使用哪个入口文件。当使用npm run serve命令启动项目时，项目默认就处于开发模式(development)，当使用npm run build命令打包时，项目就处于产品模式(production) 三．通过external插件把核心模块抽出变为外部加载，减少项目体积，比如: vue,vuerouter,axios等 四．抽取elementui相关组件，引入elementui外
vue项目发布
博客
09-17 2147
vue项目发布
npm（六）：使用Vue CLI构建 lib 发布npm包全流程
知之为知之，不知为不知
10-06 1万+
使用Vue CLI 通过--target lib 将一个单独的入口构建为一个库，本文重点在于组件编写过程，在打包脚本配置、全局组件、局部组件、组件包样式修改、共享全局样式变量、图片资源、背景图片、字体、iconfont、完整引入、局部引入等细节方面有详细的阐述 npm包构建并发布手把手教程...
Vue.js常见命令 (启动 部署)
热门推荐
傲宇苍穹
04-16 4万+
项目搭建安装vue-clinpl install vue-cli -gvue init webpack my-project  初始化项目npm install  安装项目依赖  -->>npm run build 生成上线目录部署nmp run dev在localhost启动测试服务器步骤一1.完成node.js安装搭建目的:配合前端开发搭建 为全局工作 方法:通过官网下载 安装  ...
vue打包命令
echo_Ae的博客
11-23 2万+
  找到你的packe.json文件 找到   scripts 里面的命令 打包命令： npm run build
vue项目打包部署（Linux命令）
hx_1199的博客
05-18 1万+
1）首先在自己的vue项目上打包，运行npm run build命令2）登录自己的软件（我的是secureCRT）3)  找到自己公司运维给的部署地址4）介绍个命令 ll   是查看该项目下文件目录    cd 返回上一级文件   还有一些小技巧 Tab键是不全路径   上箭头是上次写过的命令5）开始部署：为部署的tomcat目录                                  ...
vue的指令
weixin_30377461的博客
06-29 724
我之前学了学angular 发现angular和vue的指令有点类似 先说一下 new Vue({ el: "#box", // element（元素） 当前作用域 data(){ return { //用return返回对象 msg: "122" ...
vue发布步骤
GGBOY__的博客
05-13 1346
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录一、安装node？二、配置nginx1.常用命令2、修改配置文件 提示：以下是本篇文章正文内容，下面案例可供参考 一、安装node？ 为vue准备环境安装node wget https://nodejs.org/dist/v16.14.0/node-v16.14.0-linux-x64.tar.xz 下载完成后再该路径下进行解压 xz -d node-v16.14.0-linux-x64.tar.xz tar -xvf n.
vue-cli打包发布
07-27
回答: 使用vue-cli进行打包和发布可以按照以下步骤进行操作。首先，使用vue-cli创建模板项目，可以通过运行命令`vue init webpack`来初始化项目。在初始化过程中，可以选择是否加载依赖vue-router和是否使用ESLint进行代码规范检查。接下来，可以使用命令`npm run build`或`yarn build`来进行项目的打包。打包完成后，可以将打包后的文件部署到静态服务器或动态web服务器（如tomcat）上进行发布。如果选择静态服务器部署，可以使用静态服务器工具包进行部署；如果选择动态web服务器部署，可以按照tomcat部署的方式进行操作。另外，如果需要将代码上传到GitHub，可以使用git命令进行上传和更新。具体的上传和更新步骤可以参考相关文档或使用VSCode进行操作。最后，如果需要关闭ESLint代码规范检查，可以在项目配置文件中进行相应的设置。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *3* [vue-cli创建vue项目&打包发布&上传/更新github&ESLint代码规范](https://blog.csdn.net/qq53167889/article/details/108254905)[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] - *2* [Vue-cli2 + webpack搭建vue项目流程以及打包发布流程](https://blog.csdn.net/qq_35321405/article/details/89514492)[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
发出的红包

打赏作者

你的美，让我痴迷

你的好，我会永远记住你的。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值