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 [email protected]: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 "[email protected]"  这里的邮箱就是你创建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 [email protected]

附一些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就会重新让你输入用户名和密码进行验证。

猜你喜欢

转载自www.cnblogs.com/laofang/p/12793725.html