第一章:项目起步
一、整体开发流程
二、开发所需环境
第二章:环境搭建
第一步:nodejs及npm的安装
下载地址:node官网下载地址,下载相应的安装包,安装即可。
安装完毕后,win+r,输入cmd打开终端命令工具,分别输入node -v和npm -v,查看安装是否成功。
显示如此,即可说明安装成功。
第二步:码云项目创建
1.打开码云官网,注册账号;
2.创建项目:
第三步:git的安装
1.进入git官网;
2.根据个人电脑的不同,安装不同版本的git;
3.验证安装成功
显示如此,即可说明安装成功。
第四步:码云项目公钥的获取
1.打开gitbash,输入如下指令:
ssh-keygen -t rsa -C "xxxxx@xxxxx.com"
2.按照提示完成三次回车,即可生成 ssh key。通过查看 ~/.ssh/id_rsa.pub 文件内容,获取到你的 public key:
cat ~/.ssh/id_rsa.pub
复制生成后的 ssh key,通过仓库主页 「管理」->「部署公钥管理」->「添加部署公钥」 ,添加生成的 public key 添加到仓库中。
第五步:将文件克隆至本地
复制SSH码,在git bash中,cd到想要保存文件的目录下:
git clone git@gitee.com:xxxxxxx/travel.git
克隆下载到本地即可。
第六步:安装vue-cli以及初始化项目
1.打开vuejs官网,根据npm指令安装vuecli;
# 全局安装vue-cli
npm install --global vue-cli
#创建一个基于webpack模板的新项目
vue init webpack travel
#安装依赖
cd travel
npm install
npm ren dev
2.初始化vuecli时的选项:
第七步:将初始化的项目上传至码云
1.打开git bash,cd到初始化的项目目录下;
2.运行如下命令,将本地文件提交到git的缓存区;
git add .
3.运行如下命令,将缓冲区内容提交到本地仓库;
git commit -m 'project init'
4.运行如下命令,将本地代码推到线上;
git push
即可完成环境搭建。