系统城装机大师 - 固镇县祥瑞电脑科技销售部宣传站!

当前位置:首页 > 网络编程 > 其它综合 > 详细页面

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

时间:2021-12-05来源:www.pcxitongcheng.com作者:电脑系统城

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

vscode运行vue项目

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

vscode打包vue项目

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

 

打开settings.json文件

输入

1 "npm.enableScriptExplorer":true,

保存

 

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

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

里面有三个命令

  • serve
  • build
  • lint

右键点击build运行

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

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

分享到:

相关信息

系统教程栏目

栏目热门教程

人气教程排行

站长推荐

热门系统下载