VUE学习笔记_02_搭建GitHub + VsCode开发环境

搭建GitHub + VsCode开发环境

1.1 安装GitHub

1. 安装软件

   官网可能比较慢
   安装包地址：链接：https://pan.baidu.com/s/12NQsijJDAiZjOy9PoEIATQ 提取码：vsx7
   安装过程一路下一步或确认就行

2. 配置环境变量
   右击我的电脑 》属性 》高级系统设置 》环境变量 》
   在系统变量的Path上添加刚刚GitHub的安装路径

1.2 连接GitHub

1. 创建仓库
   进入GitHub上个人仓库，点击New创建个新的仓库
   
   
   第一个输入框是仓库名，第二个是对这个仓库的描述，其它的默认就行

2. 配置GitHub
   2.1 进入想创建本地仓库的文件夹，空白处右击Git Bash Here，在弹出的命令框中输入git init
   
   命令执行成功之后，在文件夹中会多出个.git文件夹，这个文件夹不能动

2.2 如果是第一次使用还需要绑定下账户

git config --global user.name "yourname" //myname写你的用户名 有双引号
git config --global user.email "yourname@mymail.com"//邮箱写自己的邮箱 有双引号

2.3 【重点】生成ssh密钥：
接着输入命令：
注意： 有双引号，ssh和-keygen之间没有空格

ssh-keygen -t rsa -C "yourname@mymail.com"//邮箱写自己的邮箱

这个命令会生成密钥文件：C:\Users\你的电脑用户名.ssh\id_rsa.pub
用记事本打开,ctrl+a 全部复制

2.4 【重点】GitHub配置密钥

GitHub个人中心 》setting 》SSH and GPG keys 》右上角New SSH key
将刚刚复制的内容粘贴，点击Add SSH key

2.5 【重点】绑定本地文件和远程仓库
GitHub网页上进入刚创建的仓库，复制git remote add “你仓库名” git@github.com:你的用户名/仓库名.git
根据实际情况复制

绑定完成

安装VsCode

1. 安装
   进VsCode官网下载安装，与普通软件一样的安装就行
2. 使用VsCode+GitHub管理代码
   复制npm创建的vue项目（或重新创建）到当前目录（本地仓库文件夹）,用VsCode打开vue项目文件夹
3. 操作
   
   代码有变动在VsCode的第三个模块上会显示具体信息

下一章：vue的组件式开发