从零开始搭建一个vue项目并连接远程仓库

小C的学习日记2024-07-06 18:42

vue3项目搭建

1. 安装或升级脚手架

bash 复制代码

npm install -g @vue/cli

lua 复制代码

vue create 项目名

项目创建成功后，进入该项目（我的项目名是 vue-project）

bash 复制代码

cd vue-project

启动该项目（我用的npm）

arduino 复制代码

npm run serve

![1@UNW7XCKW86OPG(36G{IR.png

csharp 复制代码

$ git init 
$ git remote add origin https://gitee.com/用户个性地址/HelloGitee.git

这样就完成了版本的一次初始化。

接下去，进入你已经初始化好的或者克隆仓库的目录,然后执行：

ruby 复制代码

$ git pull origin master

修改/添加文件，否则与原文件相比就没有变动

ruby 复制代码

$ git add .
$ git commit -m "第一次提交"
$ git push origin master

然后如果需要账号密码的话就输入账号密码，这样就完成了一次提交。此时，你可以在你的个人面板、仓库主页查看到你的提交记录。

在新建仓库时，如果在 Gitee 平台仓库上已经存在 readme 或其他文件，在提交时可能会存在冲突，这时用户需要选择的是保留线上的文件或者舍弃线上的文件，如果您舍弃线上的文件，则在推送时选择强制推送，强制推送需要执行下面的命令(默认不推荐该行为)：

perl 复制代码

$ git push origin master -f

如果您选择保留线上的 readme 文件,则需要先执行：

ruby 复制代码

$ git pull origin master

然后查看你的Gitee仓库，就会发现本地的文件已经提交了

打开你的Vue项目，然后新建终端

启动项目然后CTRL+单击查看

arduino 复制代码

npm run serve