VUE指南-搭建一个实战电商后台管理平台（准备阶段）

准备阶段：

一、安装VUE CLI脚手架 https://cli.vuejs.org/zh/guide/installation.html

二、通过VUE可视化管理的或在编辑器里安装项目

三、安装Element UI 插件

四、安装axios依赖

五、创建码云仓库托管代码

 

1.VUE可视化管理安装项目：

（1）Win + R快捷键打开运行对话框，输入CMD打开命令提示符弹窗，在弹窗内输入vue ui 运行项目管理器

 

 （2）选择项目存放地址，点击底部在此创建项目：

 

 （3）输入项目名（必须为英文），初始化git仓库填init project

 

 

 

  （3）选择项目预设（基础手动配置选择）：

 

 （4）项目配置：

• 关闭历史模式，使用兼容更好的哈希模式路由安装
• Pick a CSS pre-processor：Sass/SCSS (with node-sass)，（node-sass是自动编译实时的，dart-sass需要保存后才会生效）
• Pick a linter / formatter config:：ESLint + Standard config，（ESLint +标准配置）

 

 （5）插件库中安装element UI 与 axios

 

 

 

 

2.码云仓库的创建：

（1）如果没有码云SSH公钥 创建教程：https://gitee.com/help/articles/4181

（2）新建仓库后，上传新增项目到码云中。在项目根目录中运行

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

 

 

（3）如果输入码云的账号密码错误，清除账号密码 重新输入 git config --system --unset credential.helper

由于linux输入密码都不反显，输入完成回车就行。