目录
前言
在做第一个项目的时候要会的不是什么HTML,CSS也不是什么vue2,vue3,而是git的相关指令,因为前辈已经完成了大块项目,小白只是在庞大项目上加一个用法或者一个页面,如果都不会把代码拉下来,那写啥?
一、从远程库下载代码
很简单,就是大家把已经写好的代码封装存入了远程的一个库里,你想要用,就从这个库中间取出来就好。
git clone XXX //XXX 填入远程库的地址
这里面有两个问题,一 是你电脑里面得有git,不然你都无法使用git语法(下载方法自行百度)。
下好了后就可以新建一个文件夹,使用git Bash 打开终端,然后下载代码
二 是下载代码的时候可能会出现各种各样的问题,git也会提供不同的下载方法,如何使用也可自行研究(实在不行就下载ZIP吧,哈哈哈)
二、使用下载好的代码
可能有的同学就认为,搞了半天终于把代码下载下来了,我终于能大展身手了,别急,代码包是下好了,可是一些使用的组件还没有下载呢,为了代码包能小一些,一般上传的时候都不会将哪些东西都直接打包,比如el-element组件,echarts组件,所以打开代码的第一步就是:
npm install
完事后就是
git checkout -b XXX //XXX 为分支名
不管是不是由你一人负责全部前端代码,都建议切换一个分支写,而不是在master上直接去改代码
写之前先看一下是不是切换了分支
写了一个功能,很有成就感,想赶紧看一下页面渲染
npm run serve
npm run dev //运行项目
这两个都是运行项目的指令,具体情况视代码配置文件而定,代表的是vue脚手架版本的不同,具体使用哪个可在package.json配置里查(我这个用的serve)
然后等待运行完了,没有报错,就会跳出来Done,贼有成就感(同时会提供你本地地址和远程地址,我只用过本地的调试)
三、上传代码
加了一周班终于完成了需求,这时候肯定想着要把代码上传,展示成果,相关的指令一共四句
npm run bulid // 打包代码
git add . // 更新的代码添加到暂存区(一定注意这个. 我当初搞了半天)
git commit -m "XXX" // 将更新提交到仓库,XXX为这次提交的说明
git push //提交
如果你的同事大牛写了一个功能,你很想学习一下,可以用以下语句
git pull //下拉代码,拷贝到本地
四、新建项目
我这里指的是用脚手架新建一个vue项目,我感觉挺方便的
首先你需要一个脚手架
npm install vue-cli -g
如果你不放心,可以使用指令验证是否安装成功
vue -V
出现版本号就没问题了
然后使用指令新建项目
vue init webpack myproject
// webpack 使用的模板
// myproject 项目名称
其中存在的选择视个人项目而定
然后就可以写的自己喜欢的东西啦!
总结
如果你觉得这篇文章对你有帮助,请点一个赞吧!