当前位置 : 主页 > 网页制作 > html >

2019-10-1 Vue项目开始

来源:互联网 收集:自由互联 发布时间:2021-06-12
npm i 把所有依赖包都装上 要知道webpack搭建的项目目录 要知道如何获取代码段,从 MUI Mint-UI 加到自己Vue项目中 项目环境搭建好了,然后公共的部分也做了一些 然后呢!如何管理我们的

npm i  

把所有依赖包都装上

 

要知道webpack搭建的项目目录

要知道如何获取代码段,从

MUI Mint-UI  加到自己Vue项目中

 

项目环境搭建好了,然后公共的部分也做了一些

然后呢!如何管理我们的代码

然后在这个项目中好像是要放到码云中去的

 

如何使用

1.我们创建一个项目忽略文件直接.gitignore

像node_modules这个文件不需要上传到git的

.idea  这个是webstorm的

 分享图片

 

 2.readme.md 文件

项目的一些详细信息的

3.开源项目添加LICENSE文件

什么是开源软件?
  开源软件是所有人都可以修改和补充的软件,因为开源软件的 license 协议允许这样做。
  Git版本控制系统就是开源的软件。
  实际上开源软件的一个重要组成部分就是添加 license 文本文件, license 告诉我们如何使用我们编写的代码。

 

4.然后创建本地的git仓库   git init

要在项目的文件目录下  git init  然后就会有一个隐藏的文件 .git  出现

命令:git  status  所有文件的状态

这个应该是添加到仓库  git add .      这后面有个点的啊  别看不见

然后就提交了  git commit -m "init my project"

以上只是提交到本地的而已

然后要上传到服务器:这里用的是码云;

分享图片

然后也要在本地配置公钥,放到码云中

 

在码云中创建一个空仓储,然后把本地的

仓库上传到这里来

创建完之后得到这个

分享图片

 

 将项目添加到码云中

分享图片

 

 这个码云加gitee,和github一样的吧。

界面都是一样的

 

使用Vs code 默认集成的git工具快速提交代码

如果修改过文件,在git status  查看状态就会看到modefied 

文件已被修改

分享图片

 

 只要我们修改删除,Vs code 都会有记录的

分享图片

 

 这个工具好像是vs code 本来就有的   不是我们装的插件

提交代码的可视化工具  不用我们在输入命令行的模式

 

扩展图表的样式也要导入

也要清楚的知道如何去找到关联的文件样式

分享图片

 

 

router-link 有默认的高亮,但是它只设置了本来的一个,

不像我们导入的mui底栏,已经是设置好了的的跳转active高亮

上一篇:相似图片搜索的原理
下一篇:Form组件
网友评论