Skip to content

创建Vue项目

前置条件

需要环境:

NodeJS 长期支持版本

安装vue-cli和pnpm
shell
npm install -g @vue/cli
npm install -g pnpm
启动Vue项目管理器
shell
vue ui

fcb54eed-f237-47a7-b854-8252d2efcfe8

访问Vue项目管理器

50c86b59-92bf-4439-9c78-d91b9d59e305

开始创建项目

c6fad914-063a-4ea3-bbe3-0c1b7762d721

创建mall-admin项目

db6188a3-47df-4062-82b5-3b6fb6fddfca

不使用预设,自己选择版本及其组件

928741e0-b2c8-482c-8c37-2f45db2fbebf

选择Router和Vuex

5d29fcc6-b1ba-4769-92cf-b5346db1decb

选择Vue版本

00a15ee3-dd9b-4692-9839-71d4fa373c70

创建成功

3a157a6c-0930-458b-9b3e-980adaa94c36

搜索安装依赖

78ef4e3a-293f-424a-be12-2054d7227446

安装element-ui

b8634613-99a8-4b26-879d-2db0542dbdfd

安装Axios

eb01d2d1-1260-49be-9c99-a24f7cfd3176

查看已安装的依赖

6e0fe180-6afe-43d4-8b46-789e09f16fa2

启动项目

f0464ae7-f6ac-4232-be1c-6539b23f7c02

打开应用页面

b02a990b-9a5b-4303-8013-309eadee0236

项目页面效果

d2e71832-bdc7-4f6a-b606-48dec63e219b

编译项目

afed846a-45ea-408e-a9f3-30983d9b6f57

编译成功

2e48b53c-b9b6-413e-904b-18b2cce2bd7a

编译后的文件

3bafde37-de54-4adf-ba31-e0aa22e87d6d