一、WEB前端环境搭建
↓
↓
↓
↓
1、node.js(官网下载安装)
-
node-v(查看版本号)
-
npm-v(查看npm包管理工具版本)
2、gitee(码云)
-
注册→项目→private→创建私有仓库→开源许可证MIT License→私有
3、安装git(官网下载安装)
-
git --version(检查版本号)
4、git 仓库关联本机
-
右上角设置→SSH公钥→本地打开git bash→配置公钥
5、线上项目克隆至本地
-
选择SSH协议 复制
6、回到桌面→git bash→git clone xxx
7、在当前文件夹创建vue项目
8、安装vue-cli
-
全局安装vue-cli
$npm install --global vue-cli
-
创建一个基于webpack模板的项目
$vue init webpack xxx
-
安装依赖
$cd xxx
$npm install
$npm run dev(打开项目)
-
project name (项目名称)
-
project description (项目描述)
-
author (作者)规范代码
-
vue build (运行时编译)
-
install vue-router (路由) Y
-
use ESlint to lint your code? (ES6规范代码) N
-
pick an ESlint preset standard
-
set up unit tests (单元测试) N
-
set up e2e test with nightwatch (e2e测试) N
-
should we run npm install? (npm包) Y
9、进入文件夹
-
网页打开 localhost:8080
$npm run dev
10、打开码云,同步代码
$git status (查看文件状态,查看未保存、上传文件)
$git add .(保存至缓存区)
$git commit -m 'xxx'(保存至本地git仓库)
$git push(推送至线上仓库)
↑
↑
↑
↑
二、git使用流程
↓
↓
↓
↓
-
在gitee创建分支→
-
桌面进入项目文件夹→
-
打开git bash→
-
git pull(查看创建的new brance)→
-
git checkout xxx(切换到新的分支上边)→
-
git status(查看目前所在分支)→
-
进行项目的开发 →git add . →
-
git coimmit -m 'xxx'→
-
git push→
-
git checkout master(切换到主分支)→
-
git merge origin/分支名称(把分支的东西合并到主分支) →
-
git push