★*^_^*★
分类： IT职场
2018-07-03 17:48:18
1、注册“码云”账号；
2、登录码云账号，进入个人主页，创建项目（项目-私有-新建）如下：
3、安装git（下载链接），安装测试是否安装成功，如下：
4、本地与线上关联
? 在“码云”上，找到个人主页-设置-SSH公钥，点击“怎样生成公钥”，查看生成公钥的方法，如下图：
? 生成公钥的步骤：
生成公钥：
ssh-keygen -t rsa -C "xxxxx@xxxxx.com" # Generating public/private rsa key pair... # 三次回车即可生成 ssh key
查看你的 public key，并把他添加到码云（Gitee.com） SSH key添加地址:)
cat ~/.ssh/id_rsa.pub
注：以上命令需在安装git后，单击鼠标右键找到git bash,进入执行，如下图：
5、将码云上的项目下载到本地，如下图:
复制链接，在git bash中进入项目文件夹并检出项目，执行：
6、全局安装vue的命令行工具vue-cli，通过cmd进入，执行“npm install -global vue -cli”；
7、创建一个基于webpack模板的的项目：进入项目目录，执行：vue init webpack travel；
注：这是可能会出现一下错误：
解决方法：
执行以下两条命令，取消npm代理：
npm config delete http-proxy
npm config delete https-proxy
正常状态：
8、安装成功后，执行以下命令：
cd travel :进入项目文件夹
npm run dev :自动化打包
9、提交本地代码：
单击鼠标右键找到git bash；
进入项目目录： cd /f/example/vue/vue-travel/Travel
查看状态（新增文件）：git status
添加到缓存：git add .
提交信息：git commit -m “初始化项目”
将本地仓库push到GitHub上：git push
10、运行项目：
npm run start
11、安装stylus： npm install stylus --save
npm install stylus-loader --save
12、iconfont的使用
进入iconfont官网：
注册账号 》 图标管理 》 我的项目 》 新建项目，如下图：
进入图标库 > 官方图标库 > 大麦网图标库,将图标加入购物车；
将购物车的图标添加至项目，如下图：
将图标下载至本地，将下载好的字体文件放入项目中style中的iconfont文件夹中，将iconfont.css文件放入style文件夹中
在以上页面中化过图标后可以复制代码，将其放置在html标签中，标签中必须有iconfont这个类，如下图：
13、轮播
1) 进入码云，点击“分支”》 新建分支 》index-swiper，如下图：
2) 进入项目，执行一下命令：
git pull : 取回远程主机某个分支的更新，再与本地的指定分支合并;
git checkout“分支名称”：切换分支或恢复工作树文件
3) 打开github网站（githun.com），搜索”vue swiper”，如下图：
选择第一个进入，有相关说明；
安装“Vue-Awesome-Swiper”：npm install vue-awesome-swiper@2.6.7 --save
注：swiper4不稳定，这里采用相对稳定的swiper3,即2.6.7版本；
项目中引入相关文件：
import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
Vue.use(VueAwesomeSwiper, /* { default global options } */)
git add .
git commit -m ‘描述’
Git push
Git checkout master 切换分支
Git merge origin/index-origin 合并分支
Git push