01.项目初始化

devtools/2024/11/19 18:33:01/

截至目前时间 2024.8.28,参考官方文档创建项目,这里只记录当前版本的创建过程,如果版本出入较大,还请参考官方最新文档。 官网地址:https://cn.vuejs.org/guide/quick-start.html

1. 创建项目

npm create vue@latest

在这里插入图片描述

这样项目就创建好了,按照上面的命令执行,看到如下页面表示项目启动成功。

这里有个小技巧,使用 code 命令快速打开 vscode,执行 code zz-admin-vue 可快速用 vscode 打开该项目。

安装依赖,启动项目

npm install
npm run dev

在这里插入图片描述

2. IDE 支持

在我重新整理笔记的时候,volar 已经更名为 Vue-Official,我是直接安装新的
在这里插入图片描述
其实文档里也早就有介绍过 https://cn.vuejs.org/guide/scaling-up/tooling.html#ide-support
在这里插入图片描述

3. Git代码管理

这里的前提条件是本地已经正确安装好了 git 工具
为了方便管理,以及版本信息记录。将代码托管至码云上,具体操作也可参这篇文章:https://juejin.cn/post/7032976688887627790

3.1 注册账号,创建仓库

这个比较简单,不做赘述。

3.2 将本地仓库同步到远程仓库

  • 在当前项目目录下打开 git bash 操作窗口
  • 按顺序执行以下命令
git init 
git add .
git commit -m "项目初始化"
git remote add origin xxx这里换成你的代码仓库地址xxxxx
git push -u origin "master"
  • 查看码云提交记录,是否提交成功
    在这里插入图片描述

http://www.ppmy.cn/devtools/104778.html

相关文章

mysql 修改用户密码

在 MySQL 中修改用户的密码可以通过几种不同的方法来实现。这里提供两种常见的方法: 方法一:使用 SET PASSWORD 语句 这是最直接的方法,需要具有足够的权限(如 root 用户)来执行此操作: FLUSH PRIVILEGE…

深度学习100问15:什么是交叉熵误差

嘿,交叉熵误差就像是一个“挑剔的裁判”。 一、定义及原理 想象一下,你在玩一个猜概率的游戏。比如说有个神秘盒子,里面可能有个红球或者蓝球,你要猜猜红球 出现的概率是多少。真实的情况呢,就像是有个“标准答案…

uniapp组件中的emit声明触发事件

emit解析 在 uniapp 中,emit 主要用于组件间通信,特别是在子组件需要向父组件或者其他组件发送消息的时候。具体用途包括: 子传父数据:子组件通过 $emit 触发一个事件,并携带参数,父组件监听这个事件并对参…

Redis的内存淘汰策略- allkeys-lru

allkeys-lru 策略简介 在 allkeys-lru 策略下,当 Redis 的内存使用达到设置的上限(maxmemory)时,它会根据 LRU 算法选择和删除那些最近最少使用的键。LRU 算法会记录每个键的最近访问时间,当内存不足时,Re…

出现 WebServerException: Unable to start embedded Tomcat 解决方法(全)

目录 1. 问题所示2. 原理分析3. 解决方法4. 彩蛋总结4.1 方式一4.2 方式二4.3 方式三4.4 方式四1. 问题所示 原本今天早上可以执行,但是突然下午执行springboot项目的时候出现如下问题 Caused by: org.springframework.boot.web.server.WebServerException: Unable to start…

SpringBoot 消息队列RabbitMQ Work模型 绑定多个消费者 负载均衡 消息处理速度

介绍 RabbitMQ 会将消息轮询地分发给所有绑定的消费者。多个消费者能够并发处理消息,提高了处理效率和系统的鲁棒性。 多个消费者 如果有50条消息将会 a1 a2 a1 a2 的方式进行去轮询消费 RabbitListener(queues "insert.queue") ///insert.queue 为监听…

Vue项目“npm run serve”总卡住的问题 已解决

Vue项目“npm run serve”总卡住的问题 已解决 概述 如果卡住进度在51% 直接看这篇 https://blog.csdn.net/qq_34419312/article/details/141681307?spm1001.2014.3001.5501 在使用Vue.js进行项目开发时,npm run serve命令是我们常用的启动本地开发服务器的方式…

深入探索 HarmonyOS 的 CustomDialog 组件:高级特性与使用场景

在现代应用开发中,弹窗在用户交互中扮演角色,无论是展示警告、确认操作,还是呈现广告。HarmonyOS 提供了一个重要的创建自定义弹窗的工具,即CustomDialog组件。本文将引导您深入了解CustomDialog高级功能与使用场景,包…