vscode怎么打包vue项目? vscode中vue项目打包流程

  发布时间:2021-11-29 17:14:27   作者:佚名   我要评论
vscode怎么打包vue项目?之前我们介绍过vscode中运行vue项目,那么该怎么打包呢?项目我们就来看看vscode中vue项目打包流程,详细请看下文介绍
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

Visual Studio Code想要实现本地轻松打包vue项目,该怎么操作呢?下面我们就来看看详细的教程。

vscode运行vue项目

不知道该怎么运行vue项目的朋友可以参考该篇文章《vscode启动vue项目的技巧》。

vscode打包vue项目

进入Visual Studio Code界面,选择文件→首选项→设置

打开settings.json文件

输入

"npm.enableScriptExplorer":true,

保存

重启Visual Studio Code,重新进入界面

在左侧边菜单栏底部出现NPM脚本菜单栏

里面有三个命令

  • serve
  • build
  • lint

右键点击build运行

执行完毕,打包文件夹dist成功生成

以上就是vscode中vue项目打包流程的全部过程,希望大家喜欢,请继续关注程序员之家。

相关推荐:

VSCode怎么关闭文件断点? VSCode闭文件中断点的技巧

VSCode代码怎么生成图片? Vscode漂亮的代码截图的实现方法

settings文件怎么打开? VSCode打开并配置settings.json文件的技巧

相关文章

最新评论

?


http://www.vxiaotou.com