Vue UI 创建并运行前端项目

1、检查环境

node -v 查看 node 的版本，不能低于 8.x 。

vue -V 查看 vue 的版本，使用 Vue UI 是 3.0 新加的特性。

C:\Users\Feng>node -v
v10.15.1

C:\Users\Feng>vue -V

C:\Users\Feng>"node"  "C:\Users\Feng\AppData\Roaming\npm\\node_modules\@vue\cli\bin\vue.js" -V
@vue/cli 4.2.2

2、启动 UI

命令：vue ui

Starting GUI...
Ready on http://localhost:8000

3、使用浏览器访问

这里我用的是 谷歌浏览器。

4、创建

到了这一步点击创建就好了。等待一段时间，项目创建好之后，就可以去运行了。

5、运行

切换到 Vue 项目的根目录下，查看 README.md文件！！

按照提示：
在命令行去输入

npm install

npm run serve

（注意，不用每次都 install，第一次需要，后边启动只需要 npm run serve）
这时就运行成功了：

接着进入提示中的 URL 就能看到你的项目了：

这就运行成功了。