vue-cli3 简单实践（一）

概述

本篇用于学习vue-cli3，你还在使用vue-cli2构建项目吗？是时候使用vue-cli3来秀一下操作了。

官网

官网地址：https://cli.vuejs.org/zh/guide/

安装

npm install -g @vue/cli

安装完成后，查下版本

vue --version

检查其版本是否正确 (3.x)

底下这个也装下，以后会用上

npm install -g @vue/cli-service-global

创建项目

使用图形化界面

秀操作的的时候来了，想要简单的可视化操作，执行如下命令行：

vue ui

跑起来了，打开了一个页面

可视化界面，可以做很多是事情，创建项目流程化等等。

使用命令行

你可以采用传统的命令行方式，如下创建项目命令行：

vue create hello-world

接下来一步步，回车自定义选择组件等。对了，命令行勾选：使用 空格键