31.Vue.js :vue -cli 脚手架工具

vue-cli 是官方的一个脚手架工具，所谓脚手架呢就是一个架子，什么架子呢？项目结构的架子，里面有一些最基本的结构配置。

利用vue-cli呢，我们可以生成一个这样的脚手架，所以呢它被称为vue脚手架工具。

npm install vue-cli -g

vue init webpack admin    

npm install element-ui                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            

引入Element-ui

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

项目初始化

在src目录下创建2个文件夹

styles:

• element.scss 用于覆盖element中的样式
• reset.scss 用于重置一些标签的默认样式
• index.scss 引入其他scss 文件，写一些通用样式

安装处理sass 相关的 loader

cnpm i node-sass sass-loader --save-dev

views:存放页面

把项目放到gitHub上

1.初始化Git 仓储/（仓库）
本地项目位置--- git init

2.自报家门
就是在git中设置当前使用的用户是谁
每一次备份都会把当前备份者的信息存储起来

命令：
配置用户名：git config --global user.name  'vivi'
配置邮箱：git config --global user.email  'smile@sina.com'

3.把项目放到仓库门口
git add ./readme.md

4.提交代码
git commit -m '说明（我们完成了第一个功能）'

把代码存储到.git 仓储中

1.把代码放到仓储的门口

git add ./readme.md 把指定的文件添加到大门口

git add ./ 把所有修改的文件添加到大门口

2.把仓储门口的代码放到里面的房间中去

git commit -m '这里是对这次添加的东西的说明'

可以一次性把我们修改的代码放到房间里（版本库）

git commit --all -m '一些说明' 把所有修改的文件提交到版本库

注意：如果不加 -m 则会进入vm编辑器 i进行编辑 esc+:+q退出界面 esc+:q! 强制退出

查看当前的状态

git status

git 中的忽略文件

.gitignore ,在这个文件中可以设置要被忽略的文件或者目录；
被忽略的文件不会被提交仓储里去；

在.gitignore 中可以书写要被忽略的文件的路径，以/开头，
一行写一个路径，这些路径所对应的文件都会被忽略掉，不会被提交到仓库中；
/.idea 会忽略.idea 文件
/.gitignore 会忽略js目录里的所有文件
/js/*.js* 会忽略js目录下所有js文件

查看日志

git log 查看历史提交的日志
git log --oneline 可以看到简洁版的日志

版本回退

git reset --hard Head~0 表示回到上一次代码提交时的状态
git reset --hard Head~1 表示回到上上次代码提交时的状态

git reset --hard [版本号]
可以通过版本号，精确的的回退到某一次提交时的状态

git reflog
可以看到每一次切换版本的记录：可以看到所有提交的版本号

git 创建分支，切换分支，查看分支，合并分支

• 分支

默认是有一个主分支 master

• 创建分支

git branch dev 创建一个dev分支
在刚创建时dev 分支里的东西和master 分支里的东西是一样的

• 切换分支

git checkout dev
切换到指定的分支，这里的切换到名为dev的分支

• 查看当前有多少分支

git branch 
可以查看当前有哪些分支

• 合并分支

git merge dev
合并分支内容 ，把当前分支与指定的分支（dev）,进行合并
当前分支指的是 git branch 命令输出的前面有* 号的分支

合并时如果有冲突，需要手动去处理，处理后还需要再提交一次

• 删除分支

git branch -d dev

• gitHub

不是git ,只是一个网站
只不过是这个网站提供了允许别人通过git 上传代码的功能

• 提交代码到gitHub上（当作git 服务器来用）

git push [地址] master
会把当前分支的内容上传到远程的master 分支上

git pull [地址] master 
会把远程分支的数据得到（*注意本地-要初始化一个仓储！*）

git clone [地址]
会得到远程仓库相同的数据，如果多次执行会覆盖本地内容

• 通过ssh方式上传代码

ssh方式上传代码
- 公钥 私钥，两者之间是有关联的。
- 生成公钥，和私钥
 --ssh-keygen -t rsa -C '邮箱'

• pull 和 push 的简写方式

git remote add origin git@github.com:smilehuang05/vue00.git master
//声明一个origin变量，只要在当前仓库目录下提交只需要：
git push origin master 

当我们在Push时， 加上 -u参数，那么在下一次push时
git push origin -u master
我们只需要写上 git push 就能上传我们的代码（加上-u之后，git会把当前分支与远程的指定
的分支进行关联 git push origin master）