Skip to main content

Vue CLI 4 安装

Vue CLI 是一个快速初始化 Vue 项目的工具,非常简单易于上手。

安装 Vue CLI 4

shell
npm install -g @vue/cli

检查安装是否成功

shell
# @vue/cli 4.2.2 或类似版本号输出
vue -V

初始化项目

shell
# 在命令行下,cd 的作用就是将当前作用域移动到对应的目录
cd 你自己想要创建的项目位置

# 使用 Vue CLI 创建一个名为 my-app 的项目,my-app 这个名字也可以自行随意替换
vue create my-app

# 进入到 my-app 目录
cd my-app

# 添加 vuetify 插件,vuetify 插件会自动帮你配置你所有需要的一切,所以直接添加即可
vue add vuetify

启动项目

shell
# 将命令行目录切换到刚刚创建的项目位置,my-app 对应为上面安装时候创建的名字
cd my-app

# 启动程序
npm run serve

启动完成之后,终端会显示一串类似于以下的代码:

shell
  App running at:
- Local: http://localhost:8081/
- Network: http://192.168.123.205:8081/

Note that the development build is not optimized.
To create a production build, run yarn build.

那么我们只需要进入对应的 Local 域名,即可开始本地的开发

@2023 HeroUI & Singularity Robotics PTE. LTD. All rights reserved.