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

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

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

vscode运行vue项目

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

vscode打包vue项目

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

Visual Studio Code(代码编辑器) v1.64.0 64位 中文免费绿色版

• 类型：编译工具
• 大小：74.1MB
• 语言：简体中文
• 时间：2022-02-05

查看详情

打开settings.json文件

输入

"npm.enableScriptExplorer":true,

保存

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

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

里面有三个命令

• serve
• build
• lint

右键点击build运行

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

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

相关推荐：

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

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

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