欢迎您 本站地址:  
返回首页   返回编程教学   随机音乐  五子棋  射箭高手  鸟叫音效  科普百科书籍  子女血型遗传查询  水浒传知多少  学习jQueryUI 

Vue3 创建项目

在上一章节 Vue3 安装 我们使用了 npm init 命令创建过一个项目,本章节我们主要介绍 vue create 命令创建项目以及使用 vue ui 命令打开图形化的安装界面。


vue create 命令

vue create 命令创建项目语法格式如下:

vue create [options] <app-name>

创建一个由 vue-cli-service 提供支持的新项目:

options 选项可以是:

接下来我们创建 runoob-vue3-app 项目:

vue create runoob-vue3-app

执行以上命令会出现安装选项界面:

Vue CLI v4.4.6
? Please pick a preset: (Use arrow keys)
? default (babel, eslint)
  Manually select features

按下回车键后就会进入安装,等候片刻即可完成安装。

安装完成后,我们进入项目目录:

cd runoob-vue3-app2

启动应用:

npm run serve

然后打开 https://localhost:8080/,就可以看到应用界面了:


vue ui 命令

除了使用 vue create 命令创建项目,我们还可以使用可视化创建工具来创建项目。

运行命令:

$ vue ui
&#x1f680;  Starting GUI...
&#x1f320;  Ready on https://localhost:8000
...

执行以上命令,会在浏览器弹出一个项目管理的界面:

我们可以点击"创建"选项来创建一个项目,选择底部"在此创建项目",页面上方也可以选择路径:

然后输入我们的项目名称,选择包管理工具为 npm,然后点击下一步:

配置选择默认即可:

接下来就等待完成安装,安装完成管理界面如下:

小库提示

扫描下方二维码,访问手机版。