一、准备工作:
需要用到的东西有:git、码云代码管理平台、(通过git命令将VUE项目上传到码云平台以及VUE的初始化)
1、安装git
2、注册码云账号https://gitee.com/
2.1 新建项目(填写项目名称、项目路径、语言选择JavaScript)
2.2 克隆项目到本地
a、cd desktop 进入桌面
b、git clone https://gitee.com/dfagd/firstwebapp.git
c、vue init webpack firstapp 执行vue项目 vue的脚手架
d、安装基本配置
e、将项目上传
e.1 设置中获取SSH公钥
e.2 生成公钥 ssh-keygen -t rsa -C "xxxxx@xxxxx.com" 邮箱地址改为自己的
e.3 连续按三次回车出现下图
e.4 执行命令cat ~/.ssh/id_rsa.pub生成公钥,并复制
e.5 粘贴在下图位置,提示输入账号密码即可
至此,线上线下打通!
e.6 终端上传本地项目
e.7 线上查看
3、项目初期工作 全局引入要用到的css
3.1 启动项目 npm run dev
3.2 百度reset.css 将其保存在本地项目中/fistwebapp/src/assets/css/reset.css
3.3 在项目main.js中引入reset.css
3.4 修改reset.css 添加
4、项目初期工作 全局引入要用到的js(fastclick.js解决300ms延迟)
4.1 终端下载fastclick.js
4.2 导入包 写方法
4.3 npm run dev 重启项目 正常运行即可
5、项目常用图标
5.1 申请iconfont 阿里矢量图标账号 点击我的项目并新建项目 选择图标,加入购物车,添加到项目,下载到本地
5.2 将iconfont.css放入位置/fistwebapp/src/assets/css/中
5.3 新建font目录 于/fistwebapp/src/assets/font
5.4 将.svg .ttf .eot .woff放入font中
5.5 修改iconfont.css
5.6 修改main.js
6、上传项目
二、项目框架