从0开始搭建一个后台管理系统(vue-admin)---开发环境的搭建

本教程面对是准备接触vue亦或者是vue的初学者，有写的不对的欢迎指正。

node环境搭建

window下安装

打开node官网下载地址 [https://nodejs.org/en/]: node下载。

mac 下安装

这里推荐使用homebrew(mac下面包管理软件)

因为homebrew的软件包都在国外，因此这里能够替换为国内的mirrors

brew install node

包管理软件下载(yarn)

打开yarn网站下载地址 yarn下载

一样能够把yarn添加淘宝的镜像

固然你们也可使用npm

安装vue+element-ui

附vue官网地址

yarn global add vue //全局安装
yarn global add vue-cli //vue项目初始化的自动化工具

vue init webpack my-project //使用vue-cli初始化一个工程会结尾选择npm或者yarn会自动下载项目依赖

cd my-project //进入项目目录
yarn add element-ui --save //添加项目对于element-ui的依赖

附element-ui官网地址

//在my-project目录下运行
yarn run dev

打开localhost:8000 便可看到vue的界面

为了更加方便的调试vue项目，你们能够安装vue devtools.