使用vue ui命令创建vue项目步骤

使用vue ui命令创建vue项目步骤
1、前置环境

1、node.js
2、vue-cli
3、webstorm

2、创建步骤

1、在webstorm中打开一个终端，输入
```
#vue ui
```
运行结束后，会启动一个web服务用以可视化创建vue项目。

![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703101701574-1742909461.png)
2、主页是项目管理页面，选择项目文件夹
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102532031-2090490150.png)

![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102024153-180538586.png)
3、点击创建新项目，选择一些基本配置
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102107519-1616749102.png)
4、接下来依次选择按照提示进行配置
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102201089-633301233.png)

![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102202879-392078872.png)

![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102204381-872522764.png)
5、保存预设可方便下一次创建新项目，不必进行重复配置
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102303948-1425289611.png)
6、配置完成，正在生成项目
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102338906-1186288132.png)

![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102341233-1800870343.png)
7、项目生成后，会给出一个URL，访问该URL即可进入项目控制面板
![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102444835-93762718.png)

![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102619463-1455012654.png)

![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102633494-915824661.png)

![](https://img2018.cnblogs.com/blog/1522304/201907/1522304-20190703102624951-1064071997.png)
相关阅读:
Android事件机制之一：事件传递和消费
 Android单个控件占父控件宽度一半且水平居中
 Android IllegalArgumentException: Cannot draw recycled bitmaps解决方法
 Android视图篇之一：Android常见基本布局
 Android Nine-patch（.9.png）小结
 adb server is out of date. killing... ADB server didn't ACK解决方法
 Docker 下自定义安装 Tomcat
Docker 删除 images
SecureCRT 取消右击粘贴功能
 如何将不同业务模块产生的日志分多文件记录
原文地址：https://www.cnblogs.com/guojuboke/p/11124878.html

使用vue ui命令创建vue项目步骤

1、前置环境

2、创建步骤