使用 Visual Studio Code 将 vue 项目 打包

项目场景:

提示:这里简述项目相关背景:

使用 Visual Studio Code 将 vue 项目 打包

问题描述

这里描述项目中遇到的问题:

使用 Visual Studio Code 将 vue 项目 打包

解决方案:

提示:这里填写该问题的具体解决方案:

第一步:使用 Visual Studio Code 将 vue 项目 打开
使用 Visual Studio Code 将 vue 项目 打包_第1张图片

第二步: 启动该项目

第一种方式:
在 nodejs 中输入命令行
使用 Visual Studio Code 将 vue 项目 打包_第2张图片
第二种方式: 在 Visual Studio Code 终端中输入 命令行
使用 Visual Studio Code 将 vue 项目 打包_第3张图片

第三步: 打包该项目
第一种方式:
在 nodejs 中输入命令行
使用 Visual Studio Code 将 vue 项目 打包_第4张图片

第二种方式:
在 Visual Studio Code 终端中输入 命令行
使用 Visual Studio Code 将 vue 项目 打包_第5张图片

**

打包成功:

**
使用 Visual Studio Code 将 vue 项目 打包_第6张图片

第四步:
在该项目 的 本文件目录下找到 名称为 dist 的文件夹,该文件夹为 打包好的 vue 项目包

你可能感兴趣的:(vue.js,vscode,前端,visual,studio)