安装vue-admin记录

假装有标题

之前一直使用layadmin开发后端页面，作为经典时代带给我这个后端无数快捷开发乐趣的框架，深表感谢，但如今都已经量子时代了,本人的多个前台项目已经有不少使用vue构建，所以是时候把后台页面从经典模式过渡到量子时代了

下载

没啥好说的，按照官网文档下载安装。这里用极简版演示

# 克隆项目
git clone https://github.com/PanJiaChen/vue-admin-template.git

# 进入项目目录
cd vue-admin-template

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

意料之中的开幕雷击(安装错误)

体验任何新东西都不是一帆风顺的，当然这次也一样

node-sass 安装失败 提示需要安装node-gyp，而node-gyp安装又报错

gyp verb `which` failed    'Error: not found: python2\n    at getNotFoundError (D:\\project\\webProject\\vue-admin-template\\node_modules\\which\\which.js:13:12)\n    at F (D:\\project\\we
bProject\\vue-admin-template\\node_modules\\which\\which.js:68:19)\n    at E (D:\\project\\webProject\\vue-admin-template\\node_modules\\which\\which.js:80:29)\n    at D:\\project\\webProj
ect\\vue-admin-template\\node_modules\\which\\which.js:89:16\n    at D:\\project\\webProject\\vue-admin-template\\node_modules\\isexe\\index.js:42:5\n    at D:\\project\\webProject\\vue-ad
min-template\\node_modules\\isexe\\windows.js:36:5\n    at FSReqWrap.oncomplete (fs.js:153:21)',
gyp verb `which` failed   code: 'ENOENT' }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb `which` succeeded python C:\Users\perry\AppData\Local\Programs\Python\Python37\python.EXE
gyp ERR! configure error
gyp ERR! stack Error: Command failed: C:\Users\perry\AppData\Local\Programs\Python\Python37\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack   File "<string>", line 1
gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack                                ^
gyp ERR! stack SyntaxError: invalid syntax

提示很明显，我本机安装的py3.7 这里安装时使用的py2.x的语法，经过一番面向百度编程,发现window环境下要安装window自己的构建工具windows-build-tools
我win10系统普通终端安装提示需要在admin powerShell中执行命令
ok，用管理员权限打开powerShell,再次执行
npm install --global --production windows-build-tools
安装成功

Status from the installers:
---------- Visual Studio Build Tools ----------
Successfully installed Visual Studio Build Tools.
------------------- Python --------------------
Still waiting for installer log file...

Now configuring the Visual Studio Build Tools and Python...

All done!

+ windows-build-tools@5.2.2
updated 1 package in 36.733s

回到项目重新 npm install 安装顺利

然而执行 npm run dev 打开页面又报错提示

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to download the binding for your current environment.

按照提示执行
npm rebuild node-sass

已用时间 00:00:37.65
gyp info ok
Installed to D:\project\webProject\vue-admin-template\node_modules\node-sass\vendor\win32-ia32-64\binding.node
node-sass@4.14.0 D:\project\webProject\vue-admin-template\node_modules\node-sass

再次npm run dev
成功