您的位置:首页 > 科技 > IT业 > 网页二级页面怎么做_做网站的论坛_渠道推广_超级外链吧

网页二级页面怎么做_做网站的论坛_渠道推广_超级外链吧

2024/12/27 8:34:50 来源:https://blog.csdn.net/2401_83367969/article/details/144735739  浏览:    关键词:网页二级页面怎么做_做网站的论坛_渠道推广_超级外链吧
网页二级页面怎么做_做网站的论坛_渠道推广_超级外链吧

文章目录

  • 一、先决条件
  • 二、创建项目
    • 1、创建项目
    • 2、选择VUE版本
    • 3、选择依赖管理器
    • 4、创建成功
  • 三、启动并访问
    • 启动项目
    • 访问
    • 结果


在这里插入图片描述

一、先决条件

  确保已经安装了 Node.js 和 npm(一般安装 Node.js 时会自动安装 npm),并且通过 npm install -g @vue/cli 命令全局安装了 Vue CLI(命令行工具)。

二、创建项目

1、创建项目

  • 打开命令行终端(在 Windows 系统中可以是命令提示符或 PowerShell,Mac 或 Linux 系统使用终端)。
  • 切换到你想要创建项目的目录,例如,若想在 D:\Projects 目录下创建项目,可以使用命令 cd E:\vue-project。
  • 在终端中输入 vue create demo,这里的 your-project-name 是你自定义的项目名称,例如 demo。之后按下回车键,便会启动项目创建流程。

此时,Vue CLI 可能会提供几种预设选项供你选择:

  • 默认预设(default):包含 Babel 和 ESLint,适用于快速上手搭建基础项目,它会自动配置一些常用的基础设置,对于初学者较为友好。
  • 手动预设(manual):如果你选择手动预设,就可以逐个挑选要安装的功能模块,比如 Vue Router(用于实现前端路由功能,方便页面导航和切换)、Vuex(用于管理 Vue 应用的状态,在复杂应用中协调数据流向)、CSS Preprocessors(如 Sass、Less 等 CSS 预处理工具,方便编写更具扩展性的样式)、Linter / Formatter(代码检查和格式化工具,确保代码风格统一)等,这种方式给予你对项目配置的最大掌控权,适合有一定经验的开发者根据项目需求精细定制。

2、选择VUE版本

在这里插入图片描述

3、选择依赖管理器

在这里插入图片描述

4、创建成功

出现下图所示,创建成功:
在这里插入图片描述

三、启动并访问

启动项目

npm run serve

访问

http://localhost:8080/

结果

在这里插入图片描述
在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com