WINDOW 下安装 vue-element-admin

技术分享 · Fecmall · 于 6年前发布 · 7171 次阅读

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

0 个赞踩感谢关注收藏

共收到 2 条回复

mariadb•#1•5年前 0 个赞

原来：

python 3.3.2
npm 5.6
node 8.9.4

新

python 3.6.5
npm 5.6
node 8.11.2

步骤：

1.安装python 3 ：https://www.python.org/downloads/

2.安装nodejs：http://www.fecshop.com/topic/686

3.安装完node ， npm自动安装，

npm 升级到制定版本：https://blog.csdn.net/liangxw1/article/details/78525970

npm install -g npm@5.6

npm cache clean -f
npm cache clean --force

npm 清空缓存：之前前使用第一个方法清空了一次缓存，然后出现报错

npm ERR! code EINTEGRITY
npm ERR! sha512-MKiLiV+I1AA596t9w1sQJ8jkiSr5+ZKi0WKrYGUn6d1Fx+Ij4tIj+m2WMQSGczs5jZVxV339chE8iwk6F64wjA== integrity checksum failed when using sha512: wanted sha512-MKiLiV+I1AA596t9w1sQJ8jkiSr5+ZKi0WKrYGUn6d1Fx+Ij4tIj+m2WMQSGczs5jZVxV339chE8iwk6F64wjA== but got sha512-n+6hC9m8/M79/zP73OVephxorZkaamBKLLwslR3SOUCqGyBpmyWwfdmqEs/NZGksb86QEJawH8+fz6iKNrYJKw==. (48732 bytes)

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\likang\AppData\Roaming\npm-cache\_logs\2017-12-14T11_24_54_278Z-debug.log

使用 npm cache clean --force 重新清理，然后重新 npm install, 成功

2.启动

npm run dev

出现问题提示：

No parser and no filepath given, using 'babylon' the parser now but this will throw an error in the future. Please specify a parser or a filepath so one can be inferred.

资料:https://segmentfault.com/q/1010000015148975 提示,这是警告信息，不影响

因此，不用管，最后启动成功

Terry•#2•5年前 0 个赞

window git安装：https://www.git-scm.com/download/

添加回复 (需要登录)

需要登录后方可回复, 如果你还没有账号请点击这里注册。

FECMALL

FECMALL 是一个真正开源的电商商城，公司项目商用免费授权。

现在注册

已注册用户请登录

重要公告

Fecmall一览表

作者Terry寄语

Fecmall-2.x在持续开发中，后面的工作主要是增强fecmall的用户体验，以及做模板插件周边市场，修复fecmall的bug和添加一些特殊必要性的功能，欢迎各位在自己的电商项目使用fecmall，对于官方fecmall后面的功能的添加，会以独立扩展插件的形式制作，而不是在fecmall主体上面添加，有问题在论坛发帖，帖子一般在24小时内回复，论坛发帖，这样可以形成积累，同样的问题回答一次，后面的人可以通过搜索找到历史帖子解决问题，节省时间，Fecmall的流行离不开大家的努力！
致谢！