【VUE】3、VUE-UI创建第一个VUE项目

这篇具有很好参考价值的文章主要介绍了【VUE】3、VUE-UI创建第一个VUE项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、创建目录

例如我们将项目创建在目录:

E:\vue-project

打开 cmd,进入此目录

2、启动 vue-ui

  • 执行命令
vue ui
  • 访问界面:
http://localhost:8000/

【VUE】3、VUE-UI创建第一个VUE项目,# VUE,vue.js,前端,node.js,npm,vue ui

3、创建项目

【VUE】3、VUE-UI创建第一个VUE项目,# VUE,vue.js,前端,node.js,npm,vue ui
点击【在此创建新项目】
【VUE】3、VUE-UI创建第一个VUE项目,# VUE,vue.js,前端,node.js,npm,vue ui

  • 1、输入项目名称
  • 2、选择包管理器
    【VUE】3、VUE-UI创建第一个VUE项目,# VUE,vue.js,前端,node.js,npm,vue ui
    选择了默认 VUE2 配置

4、运行项目

【VUE】3、VUE-UI创建第一个VUE项目,# VUE,vue.js,前端,node.js,npm,vue ui
【任务】->【serve】->【运行】
【VUE】3、VUE-UI创建第一个VUE项目,# VUE,vue.js,前端,node.js,npm,vue ui
启动成功

5、访问项目

【任务】->【serve】->【运行】->【启动app】即可访问
【VUE】3、VUE-UI创建第一个VUE项目,# VUE,vue.js,前端,node.js,npm,vue ui
如您在阅读中发现不足,欢迎留言!!!文章来源地址https://www.toymoban.com/news/detail-620304.html

到了这里,关于【VUE】3、VUE-UI创建第一个VUE项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 如何使用Vue的ui界面创建一个新项目

    第一步: win+r打开命令提示符,然后输入cmd后回车。 第二步: 在命令行输入命令vue ui(中间有空格)后回车,弹出ui界面。 第三步: 点击创建,双击地址栏确定我们要保存框架的地址,回车确定该地址,然后点击下面的   第四步: 完成第三步进入以下界面: 依次输入项目名

    2024年02月05日
    浏览(41)
  • 输入命令vue-ui没反应

    一、问题:输入命令 vue ui 没反应 二、解决: ①先输入vue -h 查看是否有ui选项,如果有则vue ui有反应,如果没有则继续执行下面步骤,这里显示没有 ②卸载vue-cli脚手架 npm uninstall vue-cli -g npm i -g @vue/cli ③vue -h查看

    2024年02月17日
    浏览(31)
  • vue3创建项目报错Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_ut

    报错信息: Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_util.parseArgs) is not a function     at init (C:UsersAdministratorAppDataLocalnpm-cache_npx2f7e7bff16d1c534node_modulescreate-vueoutfile.cjs:4481:72)     at Object.anonymous (C:UsersAdministratorAppDataLocalnpm-cache_npx2f7e7bff16d1c534node_module

    2024年04月10日
    浏览(116)
  • Vue-Element-Admin项目学习笔记(7)用Node.js写一个简单后端接口

    前情回顾: vue-element-admin项目学习笔记(1)安装、配置、启动项目 vue-element-admin项目学习笔记(2)main.js 文件分析 vue-element-admin项目学习笔记(3)路由分析一:静态路由 vue-element-admin项目学习笔记(4)路由分析二:动态路由及permission.js vue-element-admin项目学习笔记(5)路由分析

    2024年02月09日
    浏览(39)
  • 手把手教会你!如何快速在VSCode创建一个VUE项目|前端菜鸟进阶版

    对于刚上手的朋友,我们可以先来了解一下什么是vue: VUE :渐进式javaScript框架。 什么是JS(JavaScript):我封装好一个函数,这个函数可以给其他人调用,这个就是一个js 什么是框架:框架的规则。 在项目开始创建之前,我们需要做好以下几点准备,具体操作可在官网下载。

    2024年02月10日
    浏览(33)
  • 前端项目部署自动检测更新后通知用户刷新页面(前端实现,技术框架vue、js、webpack)——方案一:编译项目时动态生成一个记录版本号的文件

    当我们重新部署前端项目的时候,如果用户一直停留在页面上并未刷新使用,会存在功能使用差异性的问题,因此,当前端部署项目后,需要提醒用户有去重新加载页面。 vue、js、webpack 编译项目时动态生成一个记录版本号的文件 轮询(20s、自己设定时间)这个文件,判断版

    2024年02月02日
    浏览(46)
  • nvm、node、vue安装、vue项目创建打包

    nvm作用: 可以管理多个版本的node , 切换node版本 , 下载node 。 参 考:https://zhuanlan.zhihu.com/p/519270555 下载地址:https://github.com/coreybutler/nvm-windows/releases 前面下载安装 一、2 一、3 把路径配置到PATH中 经过测试,应该把 环境变量 配置 到全局模块 即可: D:DevelopAppNodeNvmAllN

    2024年02月09日
    浏览(38)
  • 使用vue ui创建vue项目

    简单来说,vue ui是一个可视化图形界面,方便你去创建、更新和管理vue项目,包括下载router,vuex, axios ,elementui等插件,配置好一些属性以及依赖关系,方便我们使用,我个人第一次接触它就感觉非常非常非常智能和强大    1、安装Vue CLI,因为vue ui是在Vue CLI基础上封装的

    2024年02月09日
    浏览(38)
  • 【热门前端【vue框架】】——vue框架和node.js的下载和安装保姆式教程

    👨‍💻个人主页 :@程序员-曼亿点 👨‍💻 hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍💻 本文由 曼亿点 原创 👨‍💻 收录于专栏 :vue框架开发   Vue.js 是一款流行的 JavaScript 前端框架,它以其简单、灵活和高效的特性,成为了构建现代化 Web 应用程序的首选工具

    2024年04月27日
    浏览(44)
  • vue ui 创建项目

    注意:首先要确定安装了 node.js ,并且全局安装了脚手架 vue-cli 。然后才能继续以下步骤: 1、在你要创建项目的文件夹里打开 cmd ,输入 vue ui: 2、跳转到下面的页面,点击“在此创建新项目”:  3、输入项目名,点击“下一步”:  4、选择手动配置,下一步: 5、选择以

    2024年02月13日
    浏览(25)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包