从零开始搭建vue项目，并使用git管理

1.安装node

• 打开node官网，选择稳定版本下载安装（傻瓜式安装）
  
• 安装完成后可以在命令行终端输入node -v，如果可以看到安装的版本号，代表已经成功安装了
  npm是nodejs的包管理工具，会自动安装，输入npm -v同样可以看到安装的版本号
  

如果安装过想再安装需要先卸载

找到应用直接卸载

删除文件
C:\Users{User}\AppData\Roaming\npm
C:\Users{User}\AppData\Roaming\npm-cache

在命令行输入node -v和npm -v会提示命令不存在，即卸载成功

2.使用码云创建仓库

• 注册码云账号，新建仓库
  
• 点击创建后可以看到创建好的仓库，我们代码以后都放在这里，为此，需要让本地代码与线上关联起来
  

3.安装Git

• 进入Git官网，直接下载安装
  
• 安装后输入git --version可以看到安装的版本号
  

4.生成SSH公钥

进入码云----》个人设置----》SSH公钥，点击怎样生成公钥会有详细介绍如何生成公钥

这里简单描述一下

• 首先，安装git之后，在任意文件夹点击鼠标右键，会弹出Git Bash Here选项，点击进入命令行
  
• 输入如下命令，按照提示完成三次回车，即可生成 ssh key

ssh-keygen -t rsa -C "[email protected]"

【注意】：这里的 [email protected] 只是生成的 sshkey 的名称，并不约束或要求具体命名为某个邮箱

• 输入如下命令，查看 ssh key

cat ~/.ssh/id_rsa.pub

• 复制生成后的 ssh key，添加到公钥栏中，确定后完成添加
  
• 输入如下命令，首次使用需要确认并添加主机到本机SSH可信列表

ssh -T git@gitee.com

5.本地与线上关联

• 选择新建仓库，点击clone，复制SSH下链接
  
• 本地文件夹(代码存放位置)下通过Git Bash Here打开git的命令行终端，输入git clone [email protected]:hahahandy/my_reader.git，文件就下载到了本地
  
  

6.用vue-cli搭建vue项目

• 安装vue-cli脚手架，进入到my_reader，在命令行输入

npm install -g @vue/cli

• 安装完成后可以输入vue --version查看版本
  
• 使用cmd输入（用git会有问题，选项选择不了）

vue create my_reader

• 根据提示按照需要选择，然后等待创建完成
  
• 创建完成后可以看到脚手架已经帮我们创建好了很多文件
  
• 输入 cd my_reader 进入文件夹，输入npm run serve启动项目
  
• 在浏览器通过http://localhost:8080访问项目，当你看到这个页面时，项目就创建好啦
  

7.提交代码到线上仓库

• 用git命令提交代码到码云仓库中

1. git add . //提交所有文件到暂存区
2. git commit -m “vue initial” //将暂存区的文件提交到仓库区
3. git push //将仓库区的代码提交到远程仓库，这里是线上的码云仓库

• 在码云上打开我们的项目，可以看到代码都提交了
  如果本地代码不慎丢失，可以重新在这里clone，所以最好保持本地和线上代码一致
  
  现在，大功告成！
  接下来，就是freestyle的时刻了！