vue-cli创建工程两种方式之可视化界面方式

1. 先进入到你创建好的准备放置项目的文件夹中，然后使用vue ui打开可视化功能

#这是我自己的目录，你可以自己创建自己的目录
cd /home/jjking/vue
#打开可视化
vue ui

2. 在浏览器中打开 http://localhost:8000/看到下面的界面

打开后的主界面，在创建完项目后这里会显示你的项目。

新建项目.

修改项目名并选择包管理器。

选择手动配置。

要选择的组件。

css预处理选择Sass，错误检查使用标准方式，检查时机为保存的时候，单元测试解决方案为Mocha+Chai。

保存的预设下次可以在创建项目时直接使用。

创建项目中…

创建完成后跳转的界面，包括仪表盘、安装的插件信息、依赖信息、配置信息及任务。

在任务中的serve界面运行项目，点击与醒后可以在控制台、输出、分析中显示各种不同的详细信息。

3. 点击上面的链接进入下面的界面，恭喜，大功告成！