vue 命令行的方式搭建用git管理的vue项目

步骤1：登录码云，点击新建仓库

image.png

步骤2：输入仓库名vueProjectByCoderZb，并勾选相关选项，最后点击创建。

image.png

步骤3 ：拷贝SSH下的链接(之前我配配置私钥公钥，这里就不用在配置了，你如果没配置，必须得配置下，这里就不做配置流程了)

image.png

步骤4：使用可视化工具sourceTree拉取项目

image.png

步骤5：克隆仓库到本地

image.png

步骤6：拉取成功，这里是master分支下的工作区间

image.png

步骤7：打开终端，输入cd Desktop/一秒招聘，进入vueProjectByCoderZb的上一级目录

image.png

步骤8：初始化vue项目

• 方式1：全量初始化vue项目(初学者最好采用该方式)
  • 输入sudo vue init webpack vueProjectByCoderZb命令，初始化vue项目，这种初始化项目的方式，会安装好多依赖(必要的，不必要的都会安装)。
• 方式2：精简初始化vue项目(不会生成bulid文件夹、config文件夹、static文件夹，这些文件是很重要的，配置跨域问题会用到)
  • 执行sudo vue init webpack-simple vueProjectByCoderZb命令进行精简化的初始化vue项目，该命令之后需要手动执行sudo npm install或sudo cnpm install安装必须的依赖。

注意：提示Target directory exists. Continue?这里选择Y，

image.png

步骤9:按要求输入项目名、描述、作者等等。步骤9的最后一步是安装依赖，你也可以自己通过npm或cnpm来安装，首先是得输入cd vueProjectByCoderZb进入项目目录，然后输入命令为sudo npm install或sudo cnpm install。

image.png

步骤10：提示初始化成功

image.png

步骤11：按要求输入cd vueProjectByCoderZb和sudo npm run dev

image.png

步骤12：打开浏览器输入http://localhost:8081，搭建成功

image.png

步骤13：初始化vue项目成功后，可以看到sourceTree上的vueProjectByCoderZb项目发生了27条更改记录，这里要将本地的代码提交到码云上。

13.1勾选未暂存文件

image.png

13.2 对27条变更内容做提交备注

image.png

13.3 提交

image.png

13.4 切换到master分支，然后点击推送，实现提交到远程服务器(码云)上

image.png

image.png

步骤14：验证是否提交到远程服务器(码云)上

image.png

我的另一篇文章

可视化的方式创建vue项目+git管理vue项目