【技能】本地已存在的Vue项目与GitHub相关联

Vue Cli v3.12.1

---

1. 在VSCode上新建Vue项目A

        创建vueshoppingcartapp项目 。打开VSCode的终端窗口Terminal。确定项目路径后，输入“创建新Vue项目”命令(如下)，按提示创建项目即可。如，选择Mannual select features --> 取消Linter/Fomatter选项 --> 选择将配置文件独立开 In dedicated config files --> 不保存当前设置的创建模板 N --> 等待创建 --> 创建成功。

vue create vueshoppingcartapp
//注：项目名称不能有大写字母。

        注：键盘上下键--选项的上下选择切换；回车键--确认下一个操作；空格键--当前操作内选项的选择/取消切换操作（如，取消/选择安装Linter/Fomatter等选项）；创建成功的本地VueCli3项目已存在.gitignore文件、README.md文件。 

2. 在GitHub上新建空项目B

        注：取消README.md文件和.gitignore文件的勾选。由于已创建的本地VueCli3项目已存在.gitignore文件、README.md文件；选择MIT Licence。表示创建的项目支持开源且能够被随意复制。

 复制HTTPS代码后，通过cmd或VSCode的终端窗口输入git clone命令后拉到本地。

③ 将本地Vue项目B中的内容（注：.git文件和node-module文件夹内容的文件不复制），复制到本地项目A中。拉取在GitHub上创建的空项目vuePracticeGit。

PS D:\MyProjects\VueProject> git clone https://github.com/GitHub账号名/vuePracticeGit.git

         将本地的项目vueshoppingcartapp（除node-moudlues文件下的内容，手动复制到项目vuePracticeGit中）。由于.gitignore文件的存在，会将node-moudlues文件忽略。

         通过VSCode的Terminal终端窗口，输入命令“cd 项目名称”保证针对项目vuePracticeGit进行操作。输入命令“npm install”重新生成node-modles文件夹。输入命令“npm run serve”执行。

cd vuePracticeGit
npm install
npm run serve

        可通过VSCode软件的资源控制图标，对项目进行Pull--->Commit--->Push 操作。刷新GitHub官网，即可看见push上来的文件。

        注：网速不好时，从VSCode上往github上pull或者push代码时总是会失败，解决方案参见《VSCode push/pull代码时报错Git:fatal:unable to access ‘xxx‘》。