Vue3.0 项目打包，启动

1.打包

1.使用 vue ui打包（选择任务-选择build-选择运行）

2.使用命令打包（vite build），本项目使用vite进行打包

2.生成打包文件

1.项目中会出现一个dist文件

3.新建承载服务器

1. 进入D盘，安装express-generator生成器执行  npm install express-generator -g 进行安装2. 创建一个express项目执行  express expressDemo （expressDemo是项目名）

4.粘贴项目文件

1.将dist文件全部复制到public文件夹

5.启动项目

1.执行 npm install（首次要下载npm依赖，下一次就不需要执行了）

2.执行 npm start

3.在浏览器执行 http://localhost:3000/

Vue3.0 项目打包，启动相关推荐

【Vue】Docker + Nginx 部署 Vue3.0 项目
Docker + Nginx 部署 Vue3.0 项目 1.用指令 npm run build 打包vue.js项目(该项目是在WebStorm里面新建的Vue空项目). 打包成功后,会生成一个目录d ...
创建VUE项目，vue-cli2.0版本和3.0版本的区别，将vue2.0项目升级为vue3.0项目
创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目使用vue-cli2.0版本创建vue项目创建前的准备开始创建创建过程项目正常创建使用v ...
vue3.0项目实战 - ElementUI框架版
系列文章目录第一章论vue3.0和vue2.0区别之编程方式及例子详解第二章同一台电脑实现 vue-cli2和vue-cli3同时并存及常见命令第三章 vue3.0项目实战 - Ele ...
vite 搭建 Vue3.0项目
vite 搭建 Vue3.0项目 vue3.0+TS+AntDesignVue项目 vite 初始化vite项目配置项目配置typescript 配置Vue Router 配置Vuex 配置Ant ...
手把手教你vue3.0项目搭建
前言:最近公司想重构一个项目,CTO选择了vue3.0 + ant-design-vue技术栈,正好自己也想尝试一下,试着搭建一下,以后有更好的会及时补充修改注:粗体是命令指令,推荐使用cnpm指令 ...
从零开始搭建一个管理系统-vue3.0项目创建-----1
从零开始搭建一个管理系统-vue3.0项目创建-----1 讲在前面 webpack构建项目代码编辑器依赖修改码云代码地址讲在前面假设你已了解关于 HTML.CSS. JavaScript ...
vue3.0项目创建
vue3.0项目创建可视化创建(手脚架) 命令行创建可视化创建(手脚架) 1.win+R打开cmd命令行 2.输入vue ui 打开手脚架 vue ui 3.打开项目管理器,选择创建 4.选择项目 ...
TypeScript及TypeScript在vue3.0项目中的基本使用
一. TypeScript是什么 TypeScript 是一种由微软开发的自由开源的编程语言,主要提供了类型系统和对 ES6的支持.它是JavaScript的一个超集,扩展了JavaScript的语 ...
认识vue3.0项目的目录结构
上一篇笔记新建一个vue3.0项目新建项目后,用vscode打开,会看到项目目录,如下图来看看我们新建的项目里有哪些内容 node_modules npm 加载的项目依赖模块 public 用于 ...

Vue3.0 项目打包，启动

1.打包

2.生成打包文件

3.新建承载服务器

4.粘贴项目文件

5.启动项目

Vue3.0 项目打包，启动相关推荐

最新文章

热门文章