1. vue3从零搭建项目-页面初始_vue3 从零搭建项目-CSDN博客

本文链接：https://blog.csdn.net/weixin_55555471/article/details/133359538

本文介绍了如何使用Node.js、Git、VSCode等工具进行项目前期准备，包括安装必要的软件，配置环境变量，以及使用VueCLI搭建Vue3项目，涉及依赖管理、Git操作、VSCode插件配置等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、前期准备

1. 电脑需要安装

node 软件

node：基于chrome V8引擎的JavaScript运行环境

有些项目需要匹配对应的node版本，不然项目运行会导致报错

需要配置环境变量哟

git 软件

git 是一个开源的分布式版本控制系统

常用的命令有

1. 下载远程仓库到当前目录：git clone "远程仓库地址";

2. 设置全局用户名：git config --global user.name "用户名"；

3. 设置邮箱：git config --global user.email "邮箱";

4. 新建一个存放版本库的目录：git init

5. 将文件添加到暂存区/将所有文件添加到暂存区：git add/git add .

6. 将暂存区的文件提交：git commit -m "提交信息"

7. 提交到远程地址：git push

8. 切换分支/新建并且切换分支：git checkout 分支名/git checkout -b 分支名

9. 此次提交之后的修改会退回暂存区：git reset --soft

10.拉取远程代码到当前分支/拉取远程master分支到当前本地分支：git pull/git pull origin master

git的代码托管喝研发协作平台有

1. Gitee

2. GitHub

3. GitLab

Microsoft Visual Studio Code 软件

vscode 前端常用的代码编辑器

安装的插件（部分插件引入：vscode插件详情）：

1. 中文插件：chinese(simplified)(简体中文) Language Pack for Visual Studio Code

2. 取代各个开发工具或者编辑器默认的格式化内容工具：EditorConfig for VS Code

3. ESLint JavaScript：ESLint

4. 启动本地服务器，实时查看静态或动态网页的变化：Live Server

5. 前端语言自动代码格式化和样式执行：Prettier

6. VSCode中文件和文件夹的图标：VSCode-icons

7. vue3+ts检测错误信息：TypeScript Vue Plugin (Volar)

8. 自动补全代码：Tabnine AI Autocomplete

9. vue3语言高亮和语法检测和基于vue+tsc的类型检查：Vue Language Features (Volar)

10.快速生成vue代码片段：Vue VSCode Snippets