vue ui 创建项目

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

注意:首先要确定安装了 node.js ,并且全局安装了脚手架 vue-cli 。然后才能继续以下步骤:

1、在你要创建项目的文件夹里打开 cmd ,输入 vue ui:

vueui创建项目,vue安装使用、项目构建,vue.js,前端

2、跳转到下面的页面,点击“在此创建新项目”:

vueui创建项目,vue安装使用、项目构建,vue.js,前端

 3、输入项目名,点击“下一步”:

vueui创建项目,vue安装使用、项目构建,vue.js,前端

 4、选择手动配置,下一步:

vueui创建项目,vue安装使用、项目构建,vue.js,前端

5、选择以下的配置,然后下一步:

vueui创建项目,vue安装使用、项目构建,vue.js,前端

 vueui创建项目,vue安装使用、项目构建,vue.js,前端

 6、按照如下配置,点击创建项目:

vueui创建项目,vue安装使用、项目构建,vue.js,前端

7、 这里我选择不保存为预设:(按照你自己需求)

vueui创建项目,vue安装使用、项目构建,vue.js,前端

 8、安装依赖:

vueui创建项目,vue安装使用、项目构建,vue.js,前端

9、安装 axios :

vueui创建项目,vue安装使用、项目构建,vue.js,前端 

10、可以进入到项目,输入 npm run serve 运行:

vueui创建项目,vue安装使用、项目构建,vue.js,前端 

 11、运行成功:

vueui创建项目,vue安装使用、项目构建,vue.js,前端

 文章来源地址https://www.toymoban.com/news/detail-544857.html

 

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

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

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

相关文章

  • 使用Vue ui (可视化)创建Vue项目

    使用Vue ui (可视化)创建Vue项目

    首先打开电脑硬盘上随便一个文件夹 我这里是用E盘做的演示 打开E盘后,输入cmd(我这里是E盘根目录,如果不想用根目录可以新建文件夹) cmd的位置,当然要是新建文件夹后,cmd也是在这里输入 输入好cmd以后会弹出一个终端 在终端上输入 vue ui 如果敲了回车不生效 不要着

    2023年04月22日
    浏览(11)
  • vue前端使用Jenkins自动构建项目,保姆级教程

    vue前端使用Jenkins自动构建项目,保姆级教程

    1. 开始前的准备工作 在阿里云控台界面搜索 容器镜像服务 添加个人版的容器镜像服务 然后在服务器上安装docker使用下面两个脚本文件 创建一个脚本 install_before_docker_env.sh 创建第二个脚本 install_docker-new.sh 在服务根目录下创建一个 install 目录将两个脚本文件放入 cd 到 instal

    2024年02月05日
    浏览(17)
  • 如何使用Vue的ui界面创建一个新项目

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

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

    2024年02月05日
    浏览(47)
  • NodeJS+Vue+Element-Ui/Plus+Axios+Vue-router+vuex 详细下载、安装、创建项目、引入

    NodeJS+Vue+Element-Ui/Plus+Axios+Vue-router+vuex 详细下载、安装、创建项目、引入

    1.下载过程默认下一步 (1)这个是官网全版目录,下载太慢(一般下载不了);但是它写了所有nodejs和npm相互对应的版本,可以以此为参考、防止版本不对应; NodeJS各个历史版本下载 https://nodejs.org/zh-cn/download/releases/ (2)这里有一个快速下载地址,只有16.18.1这个版本,但这

    2023年04月18日
    浏览(25)
  • 前端vue项目使用Decimal.js做加减乘除求余运算

    运算结果是Decimal对象,需要使用.toNumber()转为数字

    2024年04月13日
    浏览(11)
  • 使用vite创建Vue/React前端项目,配置@别名和Sass样式,又快又方便

    使用vite创建Vue/React前端项目,配置@别名和Sass样式,又快又方便

    Vite官方网站:Vite | 下一代的前端工具链  Vite 并不是基于 Webpack 的,它有自己的开发服务器,利用浏览器中的原生 ES 模块。这种架构使得 Vite 比 Webpack 的开发服务器快了好几个数量级。Vite 采用 Rollup 进行构建,速度也更快。  兼容性注意 Vite 需要 Node.js 版本 14.18+,16+。然

    2024年02月14日
    浏览(32)
  • jenkins构建前端vue项目

    jenkins构建前端vue项目

    目录 前言: 1.jenkins配置参数 2.构建前端代码脚本 3.额外补充相关配置 服务器,已部署nginx和jenkisn和npm,在此基础上部署前端项目, 后续补充相关nginx等服务器安装操作; 1.新增一个软件项目  2.新增项目描述 3.配置历史镜像处理规则 例如:一个构建任务最多保留30天,最多

    2024年02月10日
    浏览(11)
  • vue ui 创建项目

    vue ui 创建项目

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

    2024年02月13日
    浏览(13)
  • Vue项目搭建及使用vue-cli创建项目、创建登录页面、与后台进行交互,以及安装和使用axios、qs和vue-axios

    Vue项目搭建及使用vue-cli创建项目、创建登录页面、与后台进行交互,以及安装和使用axios、qs和vue-axios

    目录 1. 搭建项目 1.1 使用vue-cli创建项目 1.2 通过npm安装element-ui 1.3 导入组件 2 创建登录页面 2.1 创建登录组件 2.2 引入css(css.txt) 2.3 配置路由 2.5 运行效果 3. 后台交互 3.1 引入axios 3.2 axios/qs/vue-axios安装与使用 3.2.1 安装axios 3.2.2 发送get请求: 3.2.3 发送post请求: 3.2.4 简化axio

    2024年02月07日
    浏览(27)
  • 通过vue ui创建项目失败

    通过vue ui创建项目失败

    使用vue ui可以打开页面,如下: 根据步骤创建项目后,项目创建失败,页面没有跳转,停留在配置页面,如下: 解决办法 :以管理员身份运行cmd,并切换路径,比如你的nodejs安装在E盘,那切换到E盘后,再运行 vue ui ,如图: vuetest是我用来存放vue项目的文件夹,然后在用

    2024年02月12日
    浏览(9)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包