renren-vue 基于最新node10.8、npm6.2 在win7 x64系统 成功初始化启动

renren-vue 基于最新node、npm初始化之路

vue-element-admin 是基于 Vue2.0,配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前端技术栈,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。源码git地址

网上关于这个开源vue-element 前端框架的说明少得可怜,官方给出的文档:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#功能

今日想试下这个开源的框架,结果捣腾了两天,各种安装、编译错误,先说明下,我本机的环境:

Win7 x64系统
node.js:v10.8.0
npm : 6.2.0

最后把本机的npm缓存目录以及工程的node-modules目录都彻底删除:
renren-vue 基于最新node10.8、npm6.2 在win7 x64系统 成功初始化启动
renren-vue 基于最新node10.8、npm6.2 在win7 x64系统 成功初始化启动

重新按照以下的步骤来初始化环境、依赖,最后成功了(-_-)。

已安装的node版本:v10.8.0
已安装的npm版本:6.2.0
1.安装: npm install vue-cli -g
版本:2.9.6
2.安装: npm install webpack -g
版本:4.19.0

3.安装:npm install node-sass -g
这一环节,我的电脑还需要依赖python2来编译(我电脑安装的是python2.7版本,路径:C:\Python27),如果没有的需要先安装python再执行
版本:node-sass:4.9.3
版本:libsass:3.5.4

4.安装sass-loader:npm install sass-loader -g
5.安装修复node-sass:npm i node-sass -g
6.安装element-ui:npm install element-ui -g
7.安装chromedriver:
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
(用taobao的进行比较快)
8.安装:npm rebuild node-sass --save-dev
9.最后:npm install
10.见证奇迹的时刻到了:npm run dev

等待几秒后,自动打开浏览器,可以看到久违了的登录界面了
renren-vue 基于最新node10.8、npm6.2 在win7 x64系统 成功初始化启动