环境安装（记得要持续更新）

本文主要是练习过程中的环境安装与工具使用。 

node.js安装

vue3环境安装

注意：Vue作为一个前端框架，通常是项目级依赖的，不需要-g（即全局安装），应该在项目中局部安装。全局安装vue（即命令npm install vue -g）并不能使用vue命令行，同时会导致不同项目使用不同版本vue时的冲突。

全局安装Vue CLI（即Vue Command Line Interface ）

在cmd中使用命令

npm install -g @vue/cli

验证

>vue -V
@vue/cli 5.0.8 

 全局安装后，可以在任何目录下使用vue create、vue serve 等命令创建或管理项目。

当你运行 vue create my-project 创建项目时，脚手架会自动在项目目录中安装 vue 和其他依赖（如 vue-router, vuex），无需手动全局安装。

步骤 1：全局安装 Vue CLI

npm install -g @vue/cli

步骤 2：创建 Vue 3 项目

vue create my-vue3-app
# 选择 Vue 3 模板

步骤 3：进入项目并启动

cd my-vue3-app
npm run serve

此时，项目本地的 vue 已自动安装在 node_modules 中，无需全局安装。

代码托管平台

git、gitee、gitlab、github

Git分布式版本控制系统

多平台同步管理：GitHub+Gitee

GitHub 主仓库，Gitee 镜像备用（可自动同步）。既保证国际展示，又兼顾国内访问速度。

github

使用

创建代码仓库，并关联项目

上传修改后的代码

# 1. 查看当前变更（可选）
git status

# 2. 添加修改的文件
git add .

# 3. 提交本次修改（写明备注）
git commit -m "fix: 修改 TodoItem 组件中的删除逻辑"

# 4. 推送到远程仓库
git push origin main
# 或 git push origin master（取决于你的分支名）
 

在线开发的同时拥有线下体验

github codespaces

StackBlitz / CodeSandbox

（暂时没有试用）

问题

上传时经常断开：

将github的连接方式修改为SSH（而不是HTTPS）