vuejs3.0 从入门到精通——项目创建

发布时间 2023-09-06 11:28:05作者: 左扬

项目创建

  完成 Vue CLI 脚手架的安装后,即可快速构建一个全新 Vue.js 项目,包括可初始化项目的整体结构、依赖包、插件等相关工作。

一、命令构建项目

1.1、创建项目:

[root@JumperServer:project_vue] # vue create vue3-element-plus-admin

Vue CLI v5.0.8
? Please pick a preset: (Use arrow keys)
❯ Default ([Vue 3] babel, eslint)  //默认 Vue3,仅安装 babel 和 eslint
  Default ([Vue 2] babel, eslint)
  Manually select features          //自定义选项安装

选择:Default ([Vue 3] babel, eslint)

1.2、选择包管理工具:

Vue CLI v5.0.8
? Please pick a preset: Default ([Vue 3] babel, eslint)
? Pick the package manager to use when installing dependencies: Yarn

Vue CLI v5.0.8
✨  Creating project in /zuoyang/project_vue/vue3-element-plus-admin.
?  Initializing git repository...
⚙️  Installing CLI plugins. This might take a while...

yarn install v1.22.19
info No lockfile found.
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...

success Saved lockfile.
Done in 18.39s.
?  Invoking generators...
?  Installing additional dependencies...

yarn install v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...

success Saved lockfile.
Done in 4.75s.
⚓  Running completion hooks...

?  Generating README.md...

?  Successfully created project vue3-element-plus-admin.
?  Get started with the following commands:

 $ cd vue3-element-plus-admin
 $ yarn serve

[root@JumperServer:project_vue] #