一、 使用Vite创建Vue3项目 1.全局安装vite，使用命令npm install vite -g 2.创建vue3项目，使用命令 npm create vite@latest ,确认项目名 称，选择Vue及TypeScript 3. 使用用vscode打开项目，运行命令 npm install npm run dev 4.整个项目目录结构如下：5.访问页面 二、将打包项目发布到Nginx 1.将打包后...
方法一: 下载nginx,然后使用xftp传输到云服务器上 方法二: 命令行下载 http://nginx.org/download/ wget http://nginx.org/download/nginx-1.13.6.tar.gz 1. 2. 3. 2.2 解压nginx安装包 进入nginx目录 tar -zvxf nginx-1.13.6.tar.gz cd nginx-1.13.6 1. 2. 2.4 make编译安装nginx ./configure --...
在进行部署前,需要将 Vue 项目打包成静态文件,并将其部署到服务器上。在项目的根目录下,运行以下命令进行打包: npm run build 1. 此命令将会在项目的dist目录下生成打包后的静态文件。 配置Nginx 在服务器上安装 Nginx,并使用管理员权限打开 Nginx 配置文件: sudo vi /etc/nginx/nginx.conf 1. 找到http部分的...
一.准备好vue项目 1.安装vue环境 2.打包vue项目 进入你项目的文件夹,找到config文件夹下的index.js文件(config/index.js),打开修改里面assetsPublicPath为 ./(注意一定是build里面的,dev中也有这个配置,dev里的不用修改) 3.打包成dist文件 进入项目文件夹,打开命令行输入 npm run build 1. 这时就可以看到文件夹...
vue3项目打包部署到本地服务器上Nginx 前言 咱辛辛苦苦用typescript写个组件库为了啥?不就是为了方便开发嘛。 通过npm实现一键安装,下载即玩✨(bushi 允许按需加载组件,打包大小 down down down 💟!!! 通过ts轻轻松松获取代码提示,写代码直接tab tab tab 😋…...