关于黑马-Vue电商后台项目管理（1）

关于黑马-Vue电商后台项目管理

2.1 前端项目初始化步骤

1. 安装 Vue 脚手架 (曾经在本机安装过就行 可以通过vue -V查看脚手架版本 )

2. 通过 Vue 脚手架创建项目 (可以通过vue-ui可视化面板 创建项目)

   前几步很自然，Git选项可以填写init project，下一步可以选用以前的预设，现在我们重做该项目，还是选择手动配置项目。需要Babel、Router、Linter/Formatter(用于代码格式校验)、使用配置文件等共四项。

   下一步后进入询问是否使用历史模式的路由，我们需要哈希模式，所有将第一个选项关闭。然后下面的Linter/Formatter，我们选用ESlint-Standard config(标准的配置文件)

   之后会询问是否保存为新预设，自己决定，我设置为vue-sshop。等待创建…

3. 配置 Vue 路由

4. 配置 Element-UI 组件库

   插件选项里进行搜索配置vue-cli-plugin-element，默认为Fully import(即该插件所有东西都安装上，那样会导致项目变得臃肿)，所以我们需要选择Import on demand(理解为按需导入)

5. 配置 axios 库

   配置axios，完成项目发起网络请求。选择依赖，查询axios(记得在运行依赖中进行勾选)

6. 初始化 git 远程仓库

7. 将本地项目托管到 GitHub 或 码云 中

   GitHub使用国外服务器，码云使用国内服务器，因此该项目我们使用码云进行托管，注册完码云账号后，进入码云设置平台，进行SSH公钥设置https://gitee.com/help/articles/4181 红色部分替换成自己的账号邮箱 win+r cmd进行设置 ，设置完成后，还需要进行测试，自己查看测试方法。

创建完仓库后，需要进行全局配置win + r cmd

//创建完仓库后就进行该两命令
git config --global user.name “UncleYang”
git config --global user.email “499324056@qq.com”
//进入项目文件夹打开超级管理员模式的cmd
//先使用git status查看项目状态
//然后使用 git add . 以及 git commit -m “add files”
//再次使用git status 查看项目状态 得到On branch master
//nothing to commit, working tree clean 证明该项目目前是干净的
//最后需要将项目的变更提交到网络仓库，因此需要下面这条命令
git remote add origin https://gitee.com/Unclemid/vue-sshop.git
//再使用以下命令将本地仓库和云端仓库进行关联
git push -u origin master
//首次进行关联需要验证码云账户，输入邮箱账号和密码即可 下图可以查看是否提交成功

注：本文仅作为自己学习的经验日志…如若侵权，联系即删。