一、安装Vue脚手架

安装步骤参考上篇博文及Vue-cli官方文档

二、通过Vue脚手架创建项目

通过GUI可视化面板创建项目

1.win+r打开运行窗口，输入cmd回车打开终端窗口

2.切换到要创建项目的目录，如E盘，输入E:回车，切换到E盘

3.输入vue ui 回车，打开可视化窗口

4.点击创建按钮

4.1选择要创建项目的目路确定

4.2进入详情，在项目文件夹位置，填写项目名称(必须英文)

4.3上拉打开初始化git仓库按钮，填写git初始化信息(init project )，点击下一步

4.4进入预设，可以选择之前配置好的选项，也可以点击手动配置，在此点击手动，下一步

4.5进入功能面板，选择要配置的功能打开选择按钮，下边几项都要选择，然后点击下一步

Babel

Router

Linter/Formatter

使用配置文件

4.6进入配置面板

Use history mode for router ，关闭此项

Pick a linter/formatter config，选择ESLint+Standard config

Pick additional lint features，选择Lint on save 即按ctrl+s，保存文件就会进行格式校验

4.7点击创建项目，保存刚才配置为新预设，方便下次使用

三、配置Vue路由

通过创建项目已完成路由配置

四、配置Element-UI组件库

打开项目仪表盘，打开插件选项，点击右上角添加插件

在搜索框输入vue-cli-plugin-element，选中对应插件，安装

安装完成，配置插件，Fully import(默认)改为import on demand 按需导入，点击完成安装

五、配置axios库

项目仪表盘，选择依赖选项，右上角点击安装依赖

搜索axios，选择要安装的依赖，点击安装

六、配置码云账号

6.1 安全设置---SSH公钥---点击怎样生成公钥

6.2 右键点击仓库管理，选择在新标签页打开链接

6.3 点击生成/添加SSH公钥，按如下命令生成公钥，红色部分为注册码云的邮箱

6.4 打开cmd终端，运行命令

6.5 按照提示完成三次回车，即可生成ssh key ，选中部分即为公钥存放位置

6.6 在对应路径下找到.ssh目录，打开找到id_rsa.pub文件，用编辑器打开，文件内容即为SSH公钥，复制，回到码云，把复制的公钥粘贴到公钥位置

6.7 修改标题，点击确定，输入验证密码，点击确定，生成公钥完成。

6.8 验证公钥是否可用，在终端输入 ssh -T git@gitee.com ，把公钥添加到可信任列表中

6.9 如果看到下边提示，则公钥添加成功

六、初始化git远程仓库

6.1 点击码云右上角加号按钮，选择新建仓库

6.2 在新建仓库页面填写仓库名称(项目名称)，其它的默认选项即可

6.3 点击创建按钮，创建仓库，创建成功跳转仓库页面

6.4 打开终端进行Git全局配置

6.5 创建git仓库，没有创建项目选择上边流程，已有项目选择下边流程

6.6 已有项目，选择下边流程，已有仓库，找到已创建项目目录，shift+右键打开cmd终端，若第一次使用git，先运行git init命令，否则会如下错误

fatal: not a git repository (or any of the parent directories): .git  提示说没有.git这样一个目录

6.7 运行下边两条命令

git remote add origin https://gitee.com/XiaoXiaoWanZi/vue_shop.git

七、将本地项目托管到github或码云中