1. 项目初始化

今天是 2023.6.1 参阅官方文档创立项目,这儿只记载当前版别创立进程,假如版别出入较大,还请参阅官方最新文档。
官网地址: cn.vuejs.org/guide/quick…

1.1 创立一个 Vue 运用

npm init vue@latest

经过官方脚手架东西,创立初始化项目

一、项目搭建与前期环境准备

在当前目录下输入 code csyblog-vue3 快捷翻开 vscode 编辑器

一、项目搭建与前期环境准备

可以看到现已为我们生成了一个初始的项目结构

一、项目搭建与前期环境准备

假如你也运用的是vscode, 这儿还需求装置一下 Volar 插件扩展

一、项目搭建与前期环境准备

1.2 装置依靠并运转

npm install
npm run dev

发动成功 默认拜访地址 http://127.0.0.1:5173/

一、项目搭建与前期环境准备

浏览器翻开

一、项目搭建与前期环境准备

到这儿项目初始化就完成了

2. git代码管理

为了方便管理,以及版别信息记载。将代码保管至码云上,具体操作也可参这篇文章 /post/703297…

2.1 登录码云创立一个代码库房

一、项目搭建与前期环境准备

2.2 将本地的代码同步到长途库房

这儿的条件是本地现已正确装置好了 git 东西

在当前项目目录下翻开 git bash 操作窗口

一、项目搭建与前期环境准备

按顺序执行以下指令

git init
git add .
git commit -m "项目初始化"
git remote add originhttps://gitee.com/cao-shen-yang/csyblog-vue3.git
git push -u origin "master"

同步长途库房成功

一、项目搭建与前期环境准备

检查码云提交记载,是否提交成功

一、项目搭建与前期环境准备