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

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

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项目打包流程的全部过程,希望大家喜欢

分享到:

相关信息

  • C++ AVLTree高度平衡的二叉搜索树深入分析

    一、AVL树的概念 二、AVL树节点的定义 三、AVL树的插入 四、AVL树的旋转 1.左单旋 2.右单旋 3.左右双旋 4.右左双旋 五、进行验证 六、AVLTree的性能...

    2023-03-09

  • idea构建web项目的超级详细教程

    1、idea构建web项目 1、新建一个空项目 2、新建java模块,名为webDemo1 3、选择webDemo1右键,选择Add Framework Support 4、在WEB-INF下新建文件夹classes和lib 5、打开项目结构(Project Structure) 6、项目配置 7、模...

    2023-03-09

系统教程栏目

栏目热门教程

人气教程排行

站长推荐

热门系统下载