Node.js和VUE-CLI 3.0安装

有点肥

1、先安装Node.js, 去官网下载https://nodejs.org/en/download/

2、安装成功后，通过npm -v和node -v查看npm和node的版本。出现版本显示即安装成功。

3、通过npm质量安装VUE-CLI，如果之前安装过VUE-CLI，先通过npm uninsatll -g vue-cli指令卸载之前的安装。然后在输入npm install -g @vue/cli

4、通过vue -V查看安装的vue版本，显示则安装成功。

5、在Git上建一个仓库，只需要输入项目名称跟描述(其实也可以不填描述)，记得，不要选上Initialize this repository with a README，很重要。

6、点击create repository之后，就会看到这个提示页面，重点来了。
这里其实就是说这个仓库还是空的，你可以从这个仓库克隆出新的仓库，也可以把一个已有的本地仓库与之关联，然后，把本地仓库的内容推送到GitHub上。这个时候你就可以在需要的文件夹目录下创建 vue 项目了。

7、构建VUE项目，进入指定的文件夹，输入vue create project_name创建一个项目名为project_name的项目

8、选择手动配置项目创建项目

9、进入新建的的项目文件夹，输入如下：

cd project_name
git init
// 添加所有项目文件
git add .
// 双引号内的描述可以自己填写其他内容
git commit -m “vue初始化项目”
// 将本地的项目与远程仓库关联起来，remote-repository-address为远程仓库地址，可以去github去获取，然后执行git remote -v查看是否关联成功。根据自己项目仓库路径填写origin后面的地址,
git remote add origin git@github.com:yourusername/yourdemoname.git
推送到远程仓库上
git push -u origin master

**********

当在执行git push -u origin master的时候可能会不成功，报如下错误

! [rejected] master -> master (non-fast-forward)
error: failed to push some refs to 'https://github.com/#####/vue-project.git'
hint: Updates were rejected because the tip of your current branch is behind
hint: its remote counterpart. Integrate the remote changes (e.g.
hint: 'git pull ...') before pushing again.
hint: See the 'Note about fast-forwards' in 'git push --help' for details.

意思就是更新被拒绝提示你应该git pull一下，当执行git pull origin master时，报错又来啦fatal: refusing to merge unrelated histories，

意思是拒绝合并不相关的历史。查阅了下资料，可以在git pull命令后加上–allow-unrelated-histories选项，问题就迎刃而解了,
git pull origin master --allow-unrelated-histories
然后就可以愉快的git push origin master了，最后去github上刷新下看看是否有本地提交的项目。
*************

10、如果之前windows平台没有安装git，需要先安装

10.1 进入下载官网-https://git-scm.com/download下载git安装包，选择适合操作系统的版本下载安装，一路next下去，完成安装。

10.2 安装完成后，设置系统变量path,添加变量值C:/program Files/Git/cmd（注意此处的C/:program Files是你安装Git的路径）

10.3 验证git是否安装成功，在命令行下输入git --version看看版本号。

10.4 git安装完之后，就要配置可以操作远程仓库的密钥。先注册github账号，此处不表。

10.5 git安装好后，可以在项目路径下点击右键，选择git bash here,进入命令行。

10.6 输入ssh-keygen -t rsa -C "your_email@youremail.com"  这里的邮箱就是你创建github账号的邮箱

10.7 输入密码确认后，将会在本地文件夹中创建密钥文件。

会在 .ssh 目录生产两个文件：id_rsa和id_rsa.pub
用记事本打开.ssh目录下的id_rsa.pub文件，复制里面的内容；

进入github个人设置页面，选择ssh keys后点击new ssh key.

把拷贝的密钥粘贴在新建的ssh key下即可。

10.8 测试ssh连接github 输入ssh -T git@github.com

 

附一些git常用操作

***********************

1、克隆一个项目下来
git clone giturl/仓库名.git
cd autotest001
vim help.txt
git init
git add help.txt
git commit -m "first commit"
git remote add origin https://github.com/aaron221/autotest001.git
假如执行完上一句命令后，出现了fatal: remote origin already exists.
则执行一下这个命令 git remote rm origin然后再重新执行上一句命令
git push -u origin master

2、上面是一开始的操作，后面的上传文件操作可以简化为

git add anotherfile.txt
git commit -m "这是第二次上传文件了"
git push

3、.拉取git上的文件
git pull

4、创建本地分支
git checkout -b 分支名
git add filename
git commit -m "这是提交的分支信息"
git push

5.删除本地分支
git checkout master
git branch -d 分支名
git branch -r -d origin/firstbranch 删除远程分支
git push origin :分支名

6.分支合并到主支上去
git checkout master
git merge firstbranch

7.解决分支合并冲突
$ git merge firstbranch
提示如下：
Auto-merging firsthelp.txt
CONFLICT (content): Merge conflict in firsthelp.txt
Automatic merge failed; fix conflicts and then commit the result.

$ cat firsthelp.txt
help to you...\
这是需要合并的内容
<<<<<<< HEAD
这是master上的内容
=======
这是firstbranch上的neir

>>>>>>> firstbranch
解决冲突修改后
help to you...\
这是需要合并的内容
这是master上的内容这是firstbranch上的neir

git add filename
git commit -m "解决冲突"
git push

8、项目版本操作
git reset --hard HEAD^ 返回上一个版本
git reflog 查看版本号xinx
git reset --hard 版本号 回到指定版本

9、对需要删除的文件、文件夹进行如下操作:

git rm test.txt (删除文件)

git rm -r test (删除文件夹)

10、提交修改

git commit -m “Delete some files.”

 

config1:git push的时候跳过输入用户名和密码
1通过创建文件存储用户名和密码
打开$HOME$目录，如果你不知道在哪，那么可以使用git bash 输入echo $HOME查看这个路径，一般都在C:\Users\administrator下面，注意cmd下面这个命令是查看不到的。然后使用命令创建一个文件名为.git-credentials，在Windows中是不允许直接创建“.”开头的文件。输入以下命令：
touch .git-credentials

vim .git-credentials

https://{username}:{password}@github.com

第一句是创建文件，第二句使用vim打开文件进行编辑，输入第三行的内容，用户名和密码是你自己的，保存退出。
接下来输入下面的命令：

git config --global credential.helper store

这个添加git config的内容，执行完毕之后再$HOME目录下的.gitconfig文件中会多了一项：

[credential]

helper = store

这时候重新开启git bash进行git push的时候就不用输入用户名和密码了，并且如果你注释了上面这句，那么git push就会重新让你输入用户名和密码进行验证。

 

来源：https://www.cnblogs.com/laofang/p/12793725.html