vue开发旅行网站教程（1）：项目开发流程及环境搭建

第一章：项目起步

一、整体开发流程

二、开发所需环境

第二章：环境搭建

第一步：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

即可完成环境搭建。