首页 > 其他分享 >[基于 Vue CLI 5 + Vue 3 + Ant Design Vue 4 搭建项目] 05 创建一个 web 项目

[基于 Vue CLI 5 + Vue 3 + Ant Design Vue 4 搭建项目] 05 创建一个 web 项目

时间:2024-09-12 19:52:05浏览次数:14  
标签:web Vue CLI 项目 创建 模式 回车

1.通过 vue create 项目名 命令创建项目

这里创建一个项目名叫做 web 的项目

vue create web

在这里插入图片描述

选择 Manually select features 然后摁回车

在这里插入图片描述

选择了 Router 和 Vuex 然后摁回车

在这里插入图片描述

选择 3.x 然后摁回车

在这里插入图片描述

是否使用历史模式,这里 y 然后摁回车

历史模式和非历史模式(Hash 模式)主要差别在 url 上:

历史模式:http://aa.com/bb

Hash模式:http://aa.com#bb

在这里插入图片描述

选择单独文件保存配置文件,还是整体的文件保存

此处选择 In package.json 然后摁回车

在这里插入图片描述

是否需要将这个创建项目的配置保存成模板,方便后续使用。

我此处就不保存了 然后摁回车

在这里插入图片描述

此时就开始正式创建项目了

耐心等待一会儿。。。

在这里插入图片描述

看到 Successfully created project web. 说明就已经创建好了

2.启动服务进行验证

按照上图的提示,进行启动服务

首先,我们执行 cd web。

然后,我们再执行 npm run serve 启动服务

在这里插入图片描述

最后,使用访问一下 URL

在这里插入图片描述

结束

标签:web,Vue,CLI,项目,创建,模式,回车
From: https://blog.csdn.net/yanyc0411/article/details/142107942

相关文章

  • 【开题报告】基于django+vue校园二手交易平台(论文+程序)
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着数字化时代的到来,校园生活的便捷性与资源循环利用意识日益增强。在各大高校中,学生群体对二手物品的需求与供给均呈现出显著增长态势。......
  • [基于 Vue CLI 5 + Vue 3 + Ant Design Vue 4 搭建项目] 03 使用 npm 安装依赖出现 ce
    文章目录问题描述解决问题1.修改镜像源2.清理缓存3.临时禁用SSL证书验证4.再次安装依赖问题描述在使用npminstall进行按安装依赖的时候出现了下面错误npmerrorcodeCERT_HAS_EXPIREDnpmerrorerrnoCERT_HAS_EXPIREDnpmerrorrequesttohttps://registr......
  • 基于SpringBoot+Vue+uniapp的农产品质量安全检测网站(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • 基于SpringBoot+Vue+uniapp的物资物流系统(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • 基于SpringBoot+Vue+uniapp的敏捷工贸公司销售管理系统(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • 基于SpringBoot+Vue+uniapp的社区团购网站(源码+lw+部署文档+讲解等)
    文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我代码参考数据库参考源码获取前言......
  • SpringBoot+Vue的旅游线路推荐管理系统
    感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人2025最新毕业设计项目推荐-SSM篇2025最新毕业设计项目推荐-SpringBoot篇2025最新毕业设计项目推荐-小程序、uniapp篇-CSDN博客Java精品毕设实战案例推荐​旅......
  • uniapp vue3使用crypto-js加密解密
    开启crypto-js加密解密的研究历程如何查看crypto-js的版本号?检查crypto-js是否正常我是这样认为的Nativecryptomodulecouldnotbeusedtogetsecurerandomnumber.本机加密模块无法用于获取安全随机数。PC端调试好好的,然后在微信小程序,安卓模拟器,真机调试就......
  • Vue 3 Composition API进阶指南
    在上一篇文章中,我们介绍了Vue3的CompositionAPI基础,包括如何使用setup函数、ref和reactive来创建响应式数据,以及使用watchEffect来监控数据变化。本文将继续深入探讨CompositionAPI的高级用法,帮助你更好地理解和利用Vue3的新特性。组合多个Hooks在实际开发中,我们经常需要......
  • 【F172】基于Springboot+vue实现的智能菜谱系统
    作者主页:Java码库主营内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app等设计与开发。收藏点赞不迷路 关注作者有好处文末获取源码项目描述近些年,随着中国经济发展,人民的生活质量逐渐提高,对网络的依赖性越来越高,通过网......