Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。2016年,Vue同Angular、React形成三足鼎立的局面,让前端的开发者顾不暇接,今天我们就来了解一下Vue的环境搭建。
一、node.js安装
Vue项目通常通过webpack工具来构建,而webpack命令的执行是依赖node.js的环境的,所以首先要安装node.js。node.js的官方地址为:https://nodejs.org/en/download/
,下载相应版本。
下载后直接安装下载的文件
安装完毕之后,在命令行cmd下验证是否安装成功:输入nmp,显示如下就表示安装成功。
二. 安装python
python安装,可以自己去查资料,安装完成后,cmd下输入python
查看是否成功
执行where python
, 即可知道python的位置,npm 设置python的地址
npm config set python E:\Python33\python.EXE
三.安装element admin
https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md
# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git
# 安装依赖
npm install
# 建议不要用cnpm安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
# npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run dev