vue-cli构建Vue应用的学习总结

最新推荐文章于 2025-07-02 00:15:00 发布

eatWellY

最新推荐文章于 2025-07-02 00:15:00 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：系统分析与设计文章标签：移动端web开发

本文链接：https://blog.csdn.net/qq_38767668/article/details/79948669

本文介绍了作者在开发移动端订餐页面时，选择Vue.js作为前端框架，并利用vue-cli创建项目，结合Mint UI进行界面设计的过程。在项目中成功集成Mint UI并展示了如何在HelloWorld.vue组件中使用Spinner组件。此外，还分享了如何使用Chromium进行移动端模拟调试，以适应不同设备的显示需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　“Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。”这是Vue.js的官网对Vue的简介。我在小组中负责顾客端订餐页面的设计，通过了解饿了么的移动端web实现，我决定使用Vue作为前端设计页面的框架。

　根据以往对Nodejs中Express框架和Koa框架的了解，我决定用vue-cli构建项目。

一、安装及使用vue-cli新建项目

# 全局安装vue-cli
npm install -g vue-cli
# 创建一个基于webpack模板的新项目my-project
# 在此过程中按需填写项目名，项目描述，作者，是否安装vue-router等信息
vue init webpack my-project
# 进入项目

最低0.47元/天解锁文章

200万优质内容无限畅学