使用vue-cli脚手架创建vue项目

2023-11-07

本文主要介绍使用的是安装vue-cli脚手架并使用vue-cli脚手架来创建vue项目
1.前置条件,需要安装npm 和nodejs,查看npm 和nodejs版本是否符合要求,如果版本不符合要求,有可能会导致安装失败
查看npm版本 npm-v
在这里插入图片描述
查看nodejs版本 node-v
在这里插入图片描述
2.使用npm安装vue-cli
打开cmd,执行:npm install -g @vue/cli,然后等待下载安装即可
在这里插入图片描述

 等安装完后,使用vue -V查看是否安装成功!

在这里插入图片描述
3.使用vue-cli 创建项目
跳转存放vue项目的目录下
cd /d D:\springCloudAlibabaProject
在这里插入图片描述
执行:vue create 项目名 创建项目
在这里插入图片描述
然后选择项目使用的vue版本,我这里选择的是Vue2版本,选择后Enter执行下一步

在这里插入图片描述
cd test
在这里插入图片描述
npm run serve
在这里插入图片描述
启动成功,输入网址开始访问
在这里插入图片描述
创建完成,启动成功!

如何使用npm run dev密令?
npm run dev 实际上就是npm run serve,打开项目中package.json,修改scripts 下的server 为dev

"scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用vue-cli脚手架创建vue项目 的相关文章

  • VueJS 将类切换到表中的特定元素

    我似乎不知道如何在表中的特定项目上切换类 我使用 v for 循环数据并将其打印给用户 目标是当用户单击表内的特定元素时切换类 当我尝试添加 v bind class active isActive 时 它只是将该类添加到所有类中 而不是特
  • 可以在 Vue 模板中渲染 VNode 吗?

    我遇到的情况是 我有一个渲染函数将一些数据传递到作用域槽 作为此数据的一部分 我想包含一些由渲染函数构造的 VNode 这些 VNode 可以选择由作用域插槽使用 无论如何 在模板中编写作用域槽以输出收到的原始 VNode 时是否存在 Vu
  • 超出最大调用堆栈大小 - Vue.js

    我有一个计算方法 可以让我计算产品的总价和折扣值 并希望获得以下值 总计 折扣 cartTotal var total 0 var discount Math round 0 1 this cartTotal 100 100 this ca
  • 在 docker 容器内运行 vite 开发服务器

    我有一个 Vue cli 应用程序 我正在尝试将其转换为 vite 我正在使用 Docker 来运行服务器 我看了几个教程 并让 vite 在开发模式下运行 没有错误 但是 浏览器无法访问该端口 也就是说 当我在 macbook 的命令行上
  • `success` 方法已被弃用。使用“then”方法代替

    您好 我是 Vue 世界的新手 这是我收到的警告 成功方法已被弃用 请改用 then 方法 这是代码 apiURL api movies new Vue el app data movies ready function this getM
  • 组件内调用 Mixin 的方法(Vuejs)

    我无法从组件调用 mixin 方法 出现此错误this hello is not a function 我可以打电话hello 来自 Vue 实例 但我无法在组件内调用它 有什么事吗 div div
  • 如何在外部 .js 文件中分离 .vue 组件的方法?

    我的组件留下了许多行代码 因此我决定将这些方法放在一个名为functions js 的单独文件中 我无法调用这些方法 我试过这个 函数 js function sendList function getLists function dele
  • 媒体查询在 VueJS 样式标签中不起作用

    我正在尝试在 VueJS 组件的样式标签中使用 media media 中的样式始终有效 而不是使用宽度规则
  • vue.js:观察输入并未在每次按键时触发

    我有一个input正在监视其模型属性 问题是每次按键时不会调用 watch 方法铬 安卓设备 如果我点击输入文本 就会调用它 过去确实有效 但我不知道发生了什么 在Chrome 桌面版可以正常使用 那就是watch for text每次按键
  • 类型错误:无法读取未定义的属性“getters”

    我正在尝试测试一个引用 Vuex 商店的基本 Vue 组件 我以为我遵循了 Vue 的例子 https vue test utils vuejs org guides using with vuex html mocking getters
  • vue:转义并渲染 HTML 字符串?

    我正在尝试在模板中渲染一些 HTML 字符串 但我希望它们是字符串 我不想渲染 富文本 我开始于
  • Vuejs 在模板中添加多行?

    我想知道在构建 Vuejs 模板时如何最好地安排新行 我的代码不起作用 因为它破坏了 JavaScript 容器 Vue js 希望我将整个 html 放在一行中 当我计划添加页脚内容时 这有点不切实际 Vue component foot
  • Apollo 客户端“未找到命名导出‘删除’”

    我正在尝试创建一个apollo client插件Nuxt 3应用 它当前抛出有关名为的包的错误ts invariant file Users my name Repositories project node modules apollo
  • 基于 json 文件动态显示选择、复选框、日期选择器等

    对我之前的问题的补充 我根据 json 文件动态显示输入字段 现在我想根据它们的组显示选择项 复选框和日期选择器 我如何解决这个问题 我需要将这些元素推入computeJSON 但写入例如选择options item selection不管
  • Vue.js - 如何删除 hashbang #!来自网址?

    如何删除哈希爆炸 来自网址 我在 vue 路由器文档中找到了禁用 hashbang 的选项 http vuejs github io vue router en options html http vuejs github io vue r
  • Vue Draggable - 如何仅替换所选项目以防止移动网格上的所有其他项目?

    这是一个要测试的示例 https codesandbox io s j4vn761455 file src App vue 112 116 https codesandbox io s j4vn761455 file src App vue
  • 页面在 Google Adwords 转化跟踪上重定向

    我有一个表单 人们可以在其中提交数据 然后使用 ajax 将数据发送到服务器 我已将其设置为 Google Adwords 中的转化 下面是我使用过的代码 问题是 当用户提交表单时 在收到响应后 它会重定向回我给出的 URL 我不想重定向
  • Vue-Router 抽象父路由

    我正在尝试将当前网站迁移到 vuejs 站点地图必须是 login signup password reset browse search dozens of other routes 由于其中一些路线共享大量 fx 因此我将它们设为父路线
  • 我正在尝试向我的 vue.js 项目添加背景图像

    我想添加覆盖整个页面的背景图像 然而现在看起来是这样的 我希望它跨越整个网页 在 vue js 中这将如何完成 我还想要一个动画工具栏 以便当页面不滚动时工具栏是透明的并呈现背景图像的外观 当它滚动时 工具栏将具有当前的蓝色 这是我的小提琴
  • 如何在 Laravel 5.4 中加载 Vue 组件?

    我已经运行 npm run watch 并收到了消息 This dependency was not found in resources assets js app js To install it you can run npm ins

随机推荐

  • android mtk6732 camera otp 加载流程

    在android的hal层获取属性节点信息值 Get Property char value PROPERTY VALUE MAX 0 property get camcaldrv log value 0 MINT32 dumpEnable
  • Java垃圾回收【GC】详解

    什么是垃圾 垃圾是内存中没有任何引用指向它 并且没有引用的对象无法使用 所以就可以认为这个对象是垃圾 需要被回收释放其占用的内存空间 垃圾定位 1 引用计数法 RefrenceCount 堆中每个对象实例都有一个引用计数 每当有一个引用指向
  • 六轴机器人轨迹规划(直线轨迹规划,弧线轨迹规划)——C#实现+ABB为例(规划直接下发离线程序运动)

    机器人直线插补算法 弧线插补算法 离线编程转换 空间直线插补规划 空间弧线插补规划 离线编程 ABB二次开发 六轴机器人控制 C 一 通过对空间点的插补 形成空间点轨迹 1 插补算法原理简述 1 直线插补时 指定起止坐标与速度 2 确定要插
  • 安装多版本java

    系统变量 JAVA HOME JAVA8 HOME JAVA8 HOME C java jdk8 JAVA11 HOME C java jdk11 JAVA17 HOME C java jdk17 Path 新增 移到最上面 重新打开Pat
  • 像素和毫米怎么换算

    像素和毫米怎么换算 像素和毫米是不能直接转换的 只有在分辩率 dpi 下才能进行转换 因此 像素与毫米的转换 需要知道参数 DPI 每英寸多少点 象素数 DPI 英寸数 英寸数 25 4 毫米数 对于显示设备 不管是打印机还是屏幕 都有一种
  • Linux中如何使用命令修改文件所属用户组?

    先来了解一下文件属性 在shell环境里输入 ls l 可以查看当前目录文件 如 drwxr xr x 2 nsf users 1024 12 10 17 37 下载文件备份 分别对应的是 文件属性 连接数 文件拥有者 所属群组 文件大小
  • Docker部署Nginx(window)

    安装Nginx docker pull nginx 运行Nginx docker run p 80 80 name nginx d nginx 进入Nginx docker exec it nginx bash 配置Nginx cd etc
  • 手机有什么副业做?用手机能做啥副业?

    随着手机移动互联网的越来越流行 用户越来越多 手机赚钱也成为现在的一大优势 很多企业开始开发手机赚钱的软件和应用 当你还用手机娱乐的时候 别人已经用手机赚钱了 你知道手机有什么副业可以做吗 1 苹果APP试玩 就是用苹果手机下载一个试玩AP
  • libcore.io.ErrnoException: open failed: EINVAL (Invalid argument)

    出现异常 04 16 17 58 52 714 W System err 23703 Caused by libcore io ErrnoException open failed EINVAL Invalid argument 04 16
  • 什么是游戏测试?

    在很多外行甚至行内非测试岗位人的眼里 游戏测试是很没有技术含量的活儿 门槛低 不过就是不断玩游戏 反馈问题 纯粹是体力活 如果真是这样 那我们到网吧随便拉几个玩家都可以做 早期的一些游戏测试确实是这样做的 但如今这样做已经不可能保证游戏的品
  • 算法应该怎样学习

    算法背景 了解该算法的背景知识 该算法要解决的问题 算法流程 了解该算法的流程 包括输入和输出 算法核心部分的具体实现 时间复杂度 了解该算法的时间复杂度 说明算法的执行效率 空间复杂度 了解该算法的空间复杂度 说明算法所需的存储空间 优点
  • MySQL提权篇

    一 Mysql提权必备条件 1 服务器安装Mysql数据库 利用Mysql提权的前提就是服务器安装了mysql数据库 且mysql的服务没有降权 Mysql数据库默认安装是以系统权限继承的 并且需要获取Mysql root账号密码 2 判断
  • 14:00面试,14:06就出来了,问的问题有点变态。。。

    从小厂出来 没想到在另一家公司又寄了 到这家公司开始上班 加班是每天必不可少的 看在钱给的比较多的份上 就不太计较了 没想到5月一纸通知 所有人不准加班 加班费不仅没有了 薪资还要降40 这下搞的饭都吃不起了 还在有个朋友内推我去了一家互联
  • 【生成式网络】入门篇(二):GAN的 代码和结果记录

    GAN非常经典 我就不介绍具体原理了 直接上代码 感兴趣的可以阅读 里面有更多变体 https github com rasbt deeplearning models tree master pytorch ipynb gan GAN 在
  • Kafka消费者Relance机制和分区机制

    kafka消费者Relance rebalance就是说如果消费组里的消费者数量有变化或消费的分区数有变化 kafka会重新分配消费者消费分区的关系 比如consumer group中某个消费者挂了 此时会自动把分配给他的分区交给其他的消费
  • MySQL如何删除#sql开头的临时表

    1 现象 巡检时发现服务器磁盘空间不足 通过查看大文件进行筛选是发现有几个 sql开头的文件 且存在超过100G及10G以上的文件 2 原因 如果MySQL在一个 ALTER TABLE操作 ALGORITHM INPLACE 的中间退出
  • MMdetection系列之Config配置文件(V3更新后)

    1 了解配置 MMDetection 和其他 OpenMMLab 存储库使用MMEngine 的配置系统 模块化 继承性设计 便于进行各种实验 2 配置文件的查看 在配置系统中采用模块化和继承性设计 便于进行各种实验 如果你想查看配置文件
  • Gin框架结合gorm使用

    Gin框架结合Gorm使用 目录 Gin框架结合Gorm使用 前言 一 介绍 二 使用步骤 1 创建项目 2 开始main go 3 router的初始化 4 controller的初始化 5 services的初始化 6 models的初
  • 比较对象相等性的四种方法

    比较对象相等性的四种方法 System Object定义了3个不同的方法 来比较对象的相等性 ReferenceEquals 和两个版本的Equals 再加上比较运算符 实际上是有四种比较相等的方式 在编程中实际上我们只需要这两种比较 c
  • 使用vue-cli脚手架创建vue项目

    本文主要介绍使用的是安装vue cli脚手架并使用vue cli脚手架来创建vue项目 1 前置条件 需要安装npm 和nodejs 查看npm 和nodejs版本是否符合要求 如果版本不符合要求 有可能会导致安装失败 查看npm版本 np