在vscode上给vue-cli项目打包

最新推荐文章于 2024-10-24 22:03:17 发布
最新推荐文章于 2024-10-24 22:03:17 发布
阅读量444 收藏 1
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_53040946/article/details/117443982
版权
博客介绍了Vue项目的打包及文件交付流程。先在终端运行相关操作，找到项目里的package.json文件确定打包名，通常为build，接着在终端输入npm run build开始打包，打包成功后，打开dist所在文件夹，将其压缩并传给使用者。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.在终端运行控制台上终端运行（退出或者快捷键    ）

2.找到项目里面的package.jason文件，看打包名是什么，通常为build

3.在在终端运行控制台上终端运行输入 npm run build

 

4.终端开始打包

5.打包成功后显示

6.打开dist所在的文件夹，压缩，传给使用者

【vue-cli搭建vue项目的过程2.x】
qq_23128255的博客
05-21 484
搭建vue项目、eslint代码规范
VSCode部署vue-cli项目全过程记录
jeansmy111的专栏
06-24 9797
一、环境准备 1.1、nodejs安装 打开官网：https://nodejs.org/en/download/ 下载对应的版本 直接点击安装，下一步，next 其中有个步骤中，有一个automatically install the necessary tools,note that this will also install chocolatey, the script will pop-up in a new window after the inatallation complete
使用vs code搭建vue项目1
09-04
首次使用vs code来搭建的vue项目，欢迎大家来查看指正。
如何在VSCode中打包Vue项目？
我的博客
11-29 8212
使用VSCode作为Vue项目的开发环境后，我们需要了解如何打包Vue项目。本文将从多个方面对如何在VSCode中打包Vue项目进行详细阐述。
vscode打包vue项目
06-12 1020
vscode打包vue项目
使用 Visual Studio Code 将 vue 项目 打包
YHLSunshine的博客
12-29 3222
使用 Visual Studio Code 将 vue 项目 打包
vue2静态网站使用vue-cli打包以及github部署
最新发布
2301_77156888的博客
10-24 883
vue2静态网站使用vue-cli打包以及github部署
vue-cli搭建项目步骤（包括项目目录说明）及基本配置
lightoneone的博客
11-21 814
vue-cli搭建项目步骤（包括项目目录说明）及基本配置
vue-cli是什么？和 webpack是什么关系？
炑焽的博客
06-10 2495
Vue CLI是Vue.js项目的官方脚手架，基于Node.js与Webpack构建。安装Vue CLI前需确保Node.js已安装，随后通过npm全局安装。Vue CLI能迅速创建和管理Vue.js项目，提升开发效率。而Webpack则负责资源打包，通过配置文件管理依赖、插件等，优化代码并分割资源，提高项目性能。Vue CLI与Webpack的完美结合，让开发者更专注于业务逻辑，轻松构建高效、稳定的Vue.js应用。
vsCode搭建vue项目
weixin_55020138的博客
05-13 902
安装vue-cli脚手架，使用vsCode搭建vue项目
vscode中启动、打包vue项目便捷方式（launch.json）
一天一点进步
04-03 3343
/ 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?比如你的项目启动命令为npm run server ，那么 "command": "npm run server",可以直接把这个文件copy到本地的项目中，configurations中的command是你执行操作输入的命令行。// 使用 IntelliSense 了解相关属性。"name": "启动服务","name": "打包项目",// 悬停以查看现有属性的描述。
VUE 项目打包问题
m0_61943036的博客
05-10 1109
本文详细描述了nodejs升级后引起的前端老旧项目中构建工具生成hash报错的问题(0308010C:digital envelope routines::unsupported)，以及给出的几种解决方案。这几种解决方案各自都存在一些不完美的地方，但都能解决当前构建错误，可以根据自己的实际需求来确定使用哪种方案。
使用vscode进行vue.js项目搭建和打包
weixin_30821731的博客
03-28 1707
使用vscode进行vue.js项目搭建 vue.js是什么? Vue.js（读音 /vjuː/, 类似于view） 是一套构建用户界面的渐进式框架。 一、vue.js环境安装 　　因为vue.js运行在node.js的npm环境下,所以必须先安装node.js。 　　安装步骤： 　　1、node.js npm环境 Windows 安装包(.msi) 　　32 位安装...
使用vscode进行vue.js基础项目搭建和打包
Jxq_IT的博客
06-12 8482
使用vscode进行vue.js项目搭建 一、vue.js环境安装 　因为vue.js运行在node.js的npm环境下,所以必须先安装node.js。 　1、nodejs安装请参照Node.js 安装配置。 在运行中输入cmd中查看nodejs安装版本： 备注：安装方式不只这一种：也可使用淘宝的npm镜像：npm install -g cnpm --re...
vscode+webpack+vue项目打包初步配置以及问题解决
sinat_36227086的博客
07-30 942
执行webpack .\src\main.js .\dist\bundle.js遇到的问题及解决方法 1.webpack : 无法将“webpack”项识别为 cmdlet、函数、脚本文件或可运 解释：该问题表示webpack未全局安装，故需要先全局安装webpack 解决方法：在cmd窗口执行：npm install -g webpack 2.webpack : 无法加载文件C:\Users\AppData\Roaming\npm\webpack.ps1。 解释：因为系统默认禁止运行脚本 解决方法： **
vscode+vue实现工程打包
zhu_zhu_xia的博客
09-24 4133
1、打开vscode终端 2、输入 npm run build，回车 3、打包好的文件位置：项目根目录下dist文件夹；获取后即可进行部署。
基于vscode的vue开发
热门推荐
kessity的博客
06-29 5万+
  Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，是一个基于MVVM结构的轻量级框架，非常容易与其它库或已有项目整合。   安装vue需要借助npm指令集，所以一般会先安装node.js环境。 一 下载node.js环境   打开node.js的官网下载地址：http://nodejs.cn/download/   选择适合自己系统的安装包，本文以windows x64系统为例。   下载安装包后正
Vscode如何搭建Vue项目 详细步骤使用
m0_56269897的博客
11-18 428
目构建工具vue-cli搭建一个全新的Vue项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值