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