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

vue3项目搭建

1. 安装或升级脚手架

bash 复制代码
npm install -g @vue/cli

![9UBLC_ZT1]K%~R%2BZ_V7A2.png](p1-juejin.byteimg.com/tos-cn-i-k3...)

2.创建Vue项目

lua 复制代码
vue create 项目名

![QA0{EAT1C~JJI{LP7]HSH{D.png](p3-juejin.byteimg.com/tos-cn-i-k3...)

3.进入并启动项目

项目创建成功后,进入该项目(我的项目名是 vue-project)

bash 复制代码
cd vue-project

启动该项目(我用的npm)

arduino 复制代码
npm run serve

![IN6JYHIO`{YJOBWY10(H]@L.png](p3-juejin.byteimg.com/tos-cn-i-k3...)

连接远程仓库

1.新建仓库

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

![_4M8VYE544BAOAN4]IA1RD3.png](p3-juejin.byteimg.com/tos-cn-i-k3...)

2.本地初始化一个仓库(前面创建Vue项目得时候已经自动初始化了)并设置仓库地址

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仓库,就会发现本地的文件已经提交了

vscode运行Vue项目

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

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

arduino 复制代码
npm run serve
相关推荐
玫城1 小时前
[ VUE ] 封装通用数组校验组件,el-input内使用
前端·javascript·vue.js
南半球与北海道#5 小时前
前端打印(三联纸票据打印)
前端·vue.js·打印
董世昌415 小时前
深入浅出 JavaScript 常用事件:从原理到实战的全维度解析
前端
满栀5856 小时前
分页插件制作
开发语言·前端·javascript·jquery
qq_406176146 小时前
深入剖析JavaScript原型与原型链:从底层机制到实战应用
开发语言·前端·javascript·原型模式
开开心心_Every6 小时前
免费窗口置顶小工具:支持多窗口置顶操作
服务器·前端·学习·macos·edge·powerpoint·phpstorm
闲蛋小超人笑嘻嘻7 小时前
Vue 插槽:从基础到进阶
前端·javascript·vue.js
梦6507 小时前
Vue2 与 Vue3 对比 + 核心差异
前端·vue.js
tiandyoin7 小时前
给 MHTML 添加滚动条.mhtml
前端·chrome·html·mhtml
遗憾随她而去.8 小时前
前端大文件上传(切片并发/断点续传/秒传/WebWorker 计算Hash) 含完整代码
前端