vue ui 项目保存路径_VUE前端开发之使用vue-cli 3.x的UI界面工具创建项目

使用过vue做前端开发的朋友们都知道vue的官方脚手架是vue-cli， 现在的最新版是vue-cli 3.x版本。之前做项目都是用的命令行创建，现在准备使用UI界面工具创建项目尝试一下。

一、安装vue/cli 3.x

首先全局安装

全局安装

sudo npm install -g @vue/cli 

或

sudo yarn global add @vue/cli

用以下命令打开 Vue UI 工具，它会自动运行图形页面 http://localhost:8000vue ui 

看到如下界面：

可以看到三个导航，其中

• 项目 – 列出当前目录的项目，或者使用此工具生成的项目
• 创建 – 允许创建新的 Vue 项目
• 导入– 允许从目录或远程 github 仓库导入项目。

二、创建项目

切换到创建选项卡：

输入项目名称，点击创建，开始下载：

查看终端窗口，正在下载相关组件：

完成后看到以下界面

点击在编辑器中打开项目，开始开发工作，

Vue UI 工具从头开始构建一个新的 VueJS 应用程序感觉很容易，非常不错！

ok~_~!!