阅读 293

Vue|电商后台管理系统(项目初始化篇)

一. 前言

项目初始化

二.项目初始化步骤

  1. 安装 Vue 脚手架 (只需安装一次)
  2. 通过 Vue 脚手架创建项目
  3. 配置 Vue 路由
  4. 配置 Element-UI 组件库
  5. 配置 axios 库
  6. 初始化 git 远程仓库
  7. 将本地项目托管到Github或码云中

安装Vue 脚手架

  1. 下载并配置node.js,下载vue3.0
  2. 输入以下指令安装cli
npm install -g @vue/cli

复制代码

如果速度慢,先下载cnpm,

 npm install -g cnpm --registry=http://registry.npm.taobao.org 
复制代码

cnpm安装

cnpm install -g @vue/cli
复制代码
  1. 进入vue ui
vue ui
复制代码

通过vue脚手架创建项目

预设:手动

功能面板:

  • Babel
  • Router
  • Linter/Formatter
  • 使用配置文件

配置面板:

ESLint+Standard config

Lint on save

安装相关插件(配置 Element-UI 组件库)

进入项目仪表盘,然后点击插件,点击“添加插件”,输入以下内容

vue-cli-plugin-element
复制代码

安装新的依赖(配置 axios 库)

返回之前的界面,我们选择依赖,然后输入axios,注意我们这里选的是运行依赖

到此已基本配置完毕

文章分类
前端
文章标签