Vue CLI 4 安装

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

安装 Vue CLI 4

npm

shell

npm install -g @vue/cli

yarn

shell

yarn global add @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

启动项目

npm

shell

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

cd my-app

# 启动程序

npm run serve

yarn

shell

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

cd my-app

# 启动程序

yarn 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 域名，即可开始本地的开发