Windows 下安装 vue-element-admin

原创于 2022-06-01 11:31:36 发布 · 352 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #npm #javascript

Vue 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了在搭建Vue项目vue-element-admin时的步骤，包括安装Node.js和npm，使用git克隆项目，处理npm install可能出现的错误，以及如何启动项目进行本地开发。特别地，针对可能出现的128错误，指出了由于'tui-editor'包导致的问题，并提供了删除相关文件的解决方案。完成这些步骤后，通过运行npm install和npm run dev即可启动项目进行开发。

1、在使用vue前先需要安装nodejs npm

查看node npm 版本

2、使用git命令进行下载

Vue官网：介绍 | vue-element-admin

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

下载完成

3、运行命令 cd vue-element-admin 进入目录

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

4、下载好后直接运行 npm install 肯能会报128的错误，这是因为有"tui-editor": "1.3.3"包所导致的，这个我选择了删除，删除目录如下：

vue-element-admin\package.json 删除 "tui-editor": "1.3.3",
vue-element-admin\src\components 删除 MarkdownEditor 文件夹
vue-element-admin\src\views\components-demo 删除 markdown.vue 文件
vue-element-admin\src\router\modules components.js 删除 {path: 'markdown',...}

5.安装依赖，运行

# 安装依赖
npm install

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

6.运行


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

7.执行完会自动打开网址就完成了，可以进行开发了