git怎么在vscode中安装

  

git怎么在vscode中安装?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

项目开发

项目创建和github托管

1。下载git链接

2.下完后,打开vscode,文件→首选项→设置→用户配置下加上git安装路径下的git文件夹下的cmd的git。exe

 git怎么在vscode中安装

3。去github.com上注册一个账号,并且创建一个新项目,写个项目名称其他默认就好了

 git怎么在vscode中安装

<强> 4。重启 vscode,就可以使用git克隆,比如

git  clone  https://github.com/cnhkkat/vuedemomall.git

然后vscode上就会出现这个文件夹因为这个项目是空的所以只有一个许可

 git怎么在vscode中安装

! ! !现在默认的vue cli是你版本后续发现有些问题解决不了
比如“出口”默认# 39;(进口的vue # 39;)没有发现“vue # 39;
类似的,可以解决终端不报的错,但是网页打开还是说找不到.....
所以为了完成这个项目
还是回退到3的版本
所以先

npm  install  -g  @vue/cli@3.0.4

 git怎么在vscode中安装

5。然后再用vue创建supermall创建一个项目

6。然后在supermall的终端下

先进行git init生成。git文件夹

git  init

然后这时候有的文件夹就会变红如下
用git状态查看

 git怎么在vscode中安装

根据提示用git添加。添加所有的。文件
再次查看变绿了

 git怎么在vscode中安装

因为装完git没配置所以在这里配置下全局默认ID

git  config ——global  user.email “you@example.com"   ,git  config ——global  user.name “Your  Name"

 git怎么在vscode中安装

然后接着

git  commit  -m  & # 39;初始化项目& # 39;   git  remote  add  origin  https://github.com/cnhkkat/vuedemomall.git    git  push  -u  origin 主

 git怎么在vscode中安装“> <br/> <img src=

他会跳出<强>登录github 强登录就可以了

 git怎么在vscode中安装

推到主人里了
所以在主里视图代码就能看到了

 git怎么在vscode中安装“> <br/> <img src=

划分目录结构

新建一些文件夹放
资产资源样式比如img css而css文件下正常化。css初始化基础样式
常见的是公共的比如一些js代码
组件放组件再分成常见的文件夹和内容文件夹内容主要是业务相关的代码比如MainTabBar需要经常更改代码的
网络放网络相关
路由器放路由
商店放vuex
视图放视图比如说我的/分类/购物车/首页

 git怎么在vscode中安装

 git怎么在vscode中安装

引入css文件

css里也可以定义变量——

 git怎么在vscode中安装

配置别名
@相当于src

 git怎么在vscode中安装

tabbar组件

从之前写的tabbar文件夹复制过来

 git怎么在vscode中安装

git怎么在vscode中安装