本地运行vue-element-admin项目（windows10环境）

linux环境直接按照官网上走即可（https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#安装）。因为没有问题发生，在这里就不多说了。

---

下面进入正题：windows系统部署运行vue-element-admin项目

1、安装nodejs及环境配置

安装nodejs，参考文章：https://blog.csdn.net/cai454692590/article/details/86093297

尤其注意：环境变量配置部分，配置有误，后面运行npm就会报错：内存溢出

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 00007FF6C73AF04A v8::internal::GCIdleTimeHandler::GCIdleTimeHandler+5114
 2: 00007FF6C738A0C6 node::MakeCallback+4518
 3: 00007FF6C738AA30 node_module_register+2032
 4: 00007FF6C76120EE v8::internal::FatalProcessOutOfMemory+846
 5: 00007FF6C761201F v8::internal::FatalProcessOutOfMemory+639
 6: 00007FF6C7B32BC4 v8::internal::Heap::MaxHeapGrowingFactor+9556
 7: 00007FF6C7B29C46 v8::internal::ScavengeJob::operator=+24310
 8: 00007FF6C7B2829C v8::internal::ScavengeJob::operator=+17740
 9: 00007FF6C7B2E1B7 v8::internal::Heap::CreateFillerObjectAt+1175
10: 00007FF6C79BC5B3 v8::internal::interpreter::Interpreter::GetDispatchCountersObject+78451
11: 00007FF6C7311132 v8::internal::StackGuard::ArchiveSpacePerThread+52082
12: 00007FF6C73117F3 v8::internal::StackGuard::ArchiveSpacePerThread+53811
13: 00007FF6C73F1474 uv_dlerror+2436
14: 00007FF6C73F21D8 uv_run+232
15: 00007FF6C739128E node::NewContext+1390
16: 00007FF6C739189B node::NewIsolate+603
17: 00007FF6C7391D07 node::Start+839
18: 00007FF6C724935C node::MultiIsolatePlatform::MultiIsolatePlatform+604
19: 00007FF6C7DEA93C v8::internal::compiler::OperationTyper::ToBoolean+134796
20: 00007FFB6D204034 BaseThreadInitThunk+20
21: 00007FFB6E553691 RtlUserThreadStart+33
6.4.1

我当时就是，配置地址写错了。处理方法：删除目录的文件：C:\Users\Administrator\.npmrc

内存溢出问题，参考：（https://blog.csdn.net/u013772906/article/details/90287302）

2、clone vue-elment-admin项目

git clone https://github.com/PanJiaChen/vue-element-admin.git

zip文件下载，就不多说了。

3、项目本地运行

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

# 安装依赖
npm install

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

# 本地开发 启动项目
npm run dev

命令行显示如下信息，恭喜你，运行成功

浏览器访问：http://localhost:9527

如果没有出现以上页面，建议继续往下看看，说不定你也碰到了和我一样的问题

（1）输入npm install 报错node-sass安装失败

通常node-sass安装失败是源有问题。

首先切换node-sass源（在当前项目下执行，表示更改了当前项目的默认npm源，以后都是采用这个源）

npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

安装依赖

npm install

//或者

npm install node-sass

（2）输入npm install 报错npm ERR! Cannot read property 'match' of undefined

要解决这个问题，我们首先要了解两个文件（package.json、package-lock.json）的功能。

package.json：保存当前项目对npm个库包的依赖信息。

package-lock.json：执行npm install 之后会自动生成此文件，目的就是让开发者知道只要你保存了源文件，到一个新的机器上、或者新的下载源，只要按照这个package-lock.json所标示的具体版本下载依赖库包，就能确保所有库包与你上次安装的完全一样。（详情参考：https://www.cnblogs.com/wangweizhang/p/10530294.html）

因此，当我们确实需要重新安装依赖时，只需要删除package-lock.json即可。

假如你只是想安装一两个依赖（新增/切换版本）的话，我建议使用下面的命令，安装成功之后，会同时package.json和package-lock.json文件。

npm install [email protected] 

 

最后感谢上面几位朋友的分享，同时也希望能帮助到其他小伙伴。