Posted by Pixel-Rabbit Blog on Monday, January 1, 0001

Vue3 Learning

vue3 是用于构建用户界面的 JavaScript 框架,其基于标准 HTML、CSS 和 JavaScript 构建。

依赖 node.js

网页构建方法

以下为启动开发环境的命令。该命令会运行脚本启动项目开发服务器,可能还会运行其他开发相关任务,如热更新代码、启动测试服务器等

# 启动开发环境测试网页
npm run dev

以下为构建生产环境的命令,会运行脚本打包项目,将所有代码、资源文件压缩合并,输出到指定目录中(dist)

# 构建生产环境
npm run build

输出dist后,需要安装server,一款轻量级的静态文件服务器以启动网页

# npm安装server
npm install server -g  # -g为全局安装,无root权限可以不加

# 运行server以启动服务器,注意要在前端文件夹根目录下运行
serve -s dist

# 如果没有root权限且不想配置环境变量,可以使用如下命令
npx serve -s dist