如何创建一个基于webpack打包的Vue项目，并实现码云上git仓库与本地仓库实现连通

1.注册码云账号

首先呢，我们需要进入码云官网，以下是其地址：
https://gitee.com/
进去之后根据提示注册一个账号，这个没有什么问题。

2.创建一个项目

下一步，注册号账号之后，我们需要创建一个项目。
首先我们点击页面右上角的加号新建一个仓库

接下来按照步骤来，也没有什么问题

这就创建好了一个基本项目

这里我们需要做一个公钥和私钥打通线上线下，私钥是我们git本地就自带的，那么如何设置我们的公钥呢？
首先，用户可以通过主页右上角 「个人设置」->「安全设置」->「SSH公钥」->「添加公钥」 ，添加生成的 public key 添加到当前账户中。
具体的指令，我们可以按照https://gitee.com/help/articles/4181
进行

3.安装Node环境

接下来，我们需要有一个Node环境。这个可以参照
菜鸟教程的安装配置。windows系统下的话建议选择msi格式进行安装，环境变量的配置会简单一些。

4.在本地引入vue CLI脚手架

这个首先需要进入到vue的官网，输入指令npm install --global vue-cli进行引入。

5.对本地项目进行webpack打包

这里我把它分为以下一些步骤：
1.首先在控制台cd进入到你本地文件的地址下，
2.然后输入指令vue init webpack my-project(这里是你自己本地文件的名称）
在这一步需要注意的是，如果出现’vue’ 不是内部或外部命令,也不是可运行的程序 或批处理的情况，可以按照这个链接的步骤解决，如果还是出现这种情况，那可能是你node环境变量配置过程中出了问题，那还是建议你卸载掉node重新进行安装，需要注意的是如何卸载干净node也是一个问题，我是安装以下这个链接进行操作的：https://blog.csdn.net/qianduanbanzhuanshi/article/details/81945667
这只是在windows下的操作，其他系统的操作需要自己去找教程卸载了。

6.连通git仓库项目与本地项目

好，经过以上步骤呢，我们的项目最后只剩下最后一个步骤了，那就是实现本地项目与线上的连通。
这里我们只需要输入以下几个指令就可以了：
git status
git commit -m “project initialized”(这里需要注意一点：在Linux系统中，commit信息使用单引号包括，windows系统，commit信息使用双引号。

所以在git bash中git commit -m ‘提交说明’ 这样是可以的，但是在win命令行中就要使用双引号）
git push
至此，
我们的项目就构建好了

• 点赞
• 收藏
• 分享
• 文章举报