欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-24 16:54:14
visual studio code想要实现本地轻松打包vue项目,该怎么操作呢?下面我们就来看看详细的教程。vscode运行vue项目不知道该怎么运行vue项目的朋友可以参考该篇文章《》。vscod...

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

vscode运行vue项目

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

vscode打包vue项目

进入visual studio code界面,选择文件→首选项→设置

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

打开settings.json文件

输入

"npm.enablescriptexplorer":true,

保存

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

重启visual studio code,重新进入界面

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

里面有三个命令

  • serve
  • build
  • lint

右键点击build运行

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

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

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

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

相关标签: VSCode vue项目