當前位置：首頁 > 前端技术 > vue >内容正文

vue

ui vue 创建项目教程并关闭语法_使用vue ui命令创建vue项目步骤

發布時間：2025/3/12 vue 22 豆豆

生活随笔收集整理的這篇文章主要介紹了 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)

以上是生活随笔為你收集整理的ui vue 创建项目教程并关闭语法_使用vue ui命令创建vue项目步骤的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。