Vue2 项目搭建

• 确保正确的配置了前端的环境
• 安装 Vue Cli
• 创建新项目
• Vue2 模板

确保正确的配置了前端的环境

确认Node.js和npm是否安装成功，使用以下命令检查版本

node -V

npm -V

安装 Vue Cli

在命令行中运行以下命令安装VueCli

npm

npm install -g @vue/cli

pnpm

pnpm add -g @vue/cli

yarn

yarn add -g @vue/cli

创建新项目

vue create your-project

创建项目的时候遇到默认配置，如果不想使用默认配置的话可以运行以下命令创建新的额vue项目

vue create your-project-name --preset manual

Vue2 模板

vue-element-template 使用该模板可以快速开发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