从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.

    原文作者:腹中有书气自华
    原文地址: https://segmentfault.com/a/1190000014897249
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞