本文共 1467 字，大约阅读时间需要 4 分钟。

安装Node.js环境

安装Node.js

确保你的电脑已经安装了Node.js环境。如果尚未安装，可以按照以下步骤操作：

node -v

安装npm

Node.js安装完成后，npm也会随之安装。如果尚未安装，可以使用以下命令安装npm：

npm -v

如果已经安装，会显示npm的版本号。

#安装淘宝镜像

安装淘宝npm镜像

为了加快依赖包的下载速度，可以将npm的镜像切换为淘宝镜像。执行以下命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

Vue项目开发

项目结构

项目分为后台系统和前台项目两部分：

• 后台系统：基于Vue + VueRouter + axios + Element UI
• 前台项目：基于Vue + VueRouter + axios + Swiper

项目启动

进入项目目录，执行以下命令启动开发服务器：

cnpm install

npm run dev

前台开发工具

安装开发工具

建议使用VS Code作为开发工具：

路径和地址修改

修改路径和地址

在项目运行过程中，可能需要修改以下配置：

常见错误解决

cnpm报错

如果cnpm在下载过程中出现如下错误：

无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\cnpm.ps1

解决方法：

set-ExecutionPolicy RemoteSigned

cnpm -v

concurrently不是内部或外部命令

如果在终端中输入concurrently时出现错误：

'concurrently'不是内部或外部命令

解决方法：

cnpm install -g concurrently

Failed to compile scss

在运行项目时如果出现如下错误：

Failed to compile scss

解决方法：

npm install node-sass -D

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

npm install --save element-ui