vue脚手架安装及使用

news2024/9/25 3:27:54

准备工作

  • 安装node
  • 安装cnpm
    • cnpm是npm的“廉价平替” 提高安装速度
  • npm install -g cnpm --registry=https://registry.npm.taobao.org
    在这里插入图片描述

安装脚手架

  • 安装Vue脚手架 cnpm install -g @vue/cli
    在这里插入图片描述

用vue脚手架创建vue项目

  • 找好创建项目的位置

  • 创建项目 vue create test (test为项目名称)

  • 选择版本安装 选择最后一个
    在这里插入图片描述

  • 选择以下四个
    在这里插入图片描述

  • 选择vue版本 选择2.x
    在这里插入图片描述

  • 选择组件地址的模式 选择n
    在这里插入图片描述

  • 配置信息 以什么形式呈现 选择第二个
    在这里插入图片描述

  • 以上的选择是都要保留起来形成“套餐” 选择 n
    在这里插入图片描述

  • 项目创建成功
    在这里插入图片描述

  • 启动项目
    在这里插入图片描述

  • 项目启动成功，在地址栏输入 localhost:8080
    在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1315256.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

磁盘及文件系统（上）

磁盘及文件系统（上）

这次博客我们将重点理解Ext2文件系统。 首先我们要理解什么是文件系统。 在之前我们一直理解的文件都是一个被打开的文件，而os为了能够管理这样的文件创建了struct_file这样的结构体对象在内核中描述被打开的文件，这个结构体对象中包含了被打开文件的基…
阅读更多...
【PostgreSQL】从零开始:（一）初识PostgreSQL

【PostgreSQL】从零开始:（一）初识PostgreSQL

从零开始:（一）初识PostgreSQL PostgreSQL数据库介绍为什么使用 PostgreSQL？那么多最终用户,云厂商为什么要贡献核心代码？基于PostgreSQL底层开发的好处：为什么要学习PostgreSQL？截止本文发布之日&#xff0…
阅读更多...
鸿蒙系统（HarmonyOS）之方舟框架（ArkUI）介绍

鸿蒙系统（HarmonyOS）之方舟框架（ArkUI）介绍

鸿蒙开发官网：HarmonyOS应用开发官网 - 华为HarmonyOS打造全场景新服务 方舟开发框架（简称：ArkUI），是一套构建HarmonyOS应用界面的UI开发框架，它提供了极简的UI语法与包括UI组件、动画机制、事件交互等在内…
阅读更多...
鸿蒙app获取文本控件按钮控件_修改控件名称_按钮触发事件_提示信息显示

鸿蒙app获取文本控件按钮控件_修改控件名称_按钮触发事件_提示信息显示

鸿蒙app获取文本控件按钮控件_修改控件名称_按钮触发事件_ 点击启动：提示信息显示 package com.example.myapplication.slice;import com.example.myapplication.ResourceTable; import ohos.aafwk.ability.AbilitySlice; import ohos.aafwk.content.Intent; impor…
阅读更多...
linux 文本信息查询grep；控制命令执行和管道操作符号

linux 文本信息查询grep；控制命令执行和管道操作符号

1、grep grep "keyword" /path/to/logfile获取查询结果最后一行 grep "runs/detect/train" test4.log | tail -n 12、linux控制命令执行和管道操作符号 &、|、; 和 &&、》、>、< ##例子&#xff1b;wandb disabled && yolo …
阅读更多...
synchronized关键字的使用和原理

synchronized关键字的使用和原理

synchronized关键字的使用和原理 synchronized&#xff1a;对象锁&#xff0c;保证了临界区内代码的原子性&#xff0c;采用互斥的方式让同一时刻至多只有一个线程能持有对象锁&#xff0c;其它线程获取这个对象锁时会阻塞&#xff0c;保证拥有锁的线程可以安全的执行临界区内…
阅读更多...
vue-实现高德地图-省级行政区地块显示+悬浮显示+标签显示

vue-实现高德地图-省级行政区地块显示+悬浮显示+标签显示

<template><div><div id"container" /><div click"showFn">显示</div><div click"removeFn">移除</div></div> </template><script> import AMapLoader from amap/amap-jsapi-load…
阅读更多...
SpringBoot - application.yml 多环境切换解决方案

SpringBoot - application.yml 多环境切换解决方案

问题描述 这个问题玩过 SpringCloud 的小伙伴估计会想到用 bootstrap.yml 来解决这个问题。但是如果说为了解决这个问题引入了一堆的 SpringCloud Jar&#xff0c;就感觉杀鸡用牛刀。 于是今天我们想只有 application.yml 自己就可以解决这个问题&#xff0c;如何搞定&#x…
阅读更多...
真正可行的vue3迁移到nuxt3方法（本人亲测，完全避坑）

真正可行的vue3迁移到nuxt3方法（本人亲测，完全避坑）

终于到了总结经验的时候了&#xff0c;这绝对是全网唯一、完全真正可行的干货。 在我看来&#xff0c;知识就是要拿来分享的&#xff0c;分享给他人也是在提高自己。我绝对不会搞什么订阅或者vip专栏来搞钱坑害各位&#xff0c; 因为我在csdn写文章最主要的目的是为了记录和总…
阅读更多...
Chrome限制第三方Cookie：未来无法再追踪你看过哪些敏感的“色色”内容了

Chrome限制第三方Cookie：未来无法再追踪你看过哪些敏感的“色色”内容了

当我们在浏览网络的时候&#xff0c;常听到「Cookie」这个词&#xff0c;但许多人可能不太清楚它到底是什么。最近&#xff0c;Google 宣布了一项重要更新&#xff0c;Google Chrome 将减少对第三方cookie 的支持&#xff0c;以提高用户隐私保护。 下面我会解释一下这个改变对…
阅读更多...
华为数通——路由冗余和备份

华为数通——路由冗余和备份

注&#xff1a;当一条路由的出接口down时&#xff0c;该路由会自动失效。 要求&#xff1a;数据优先走千兆链路。 R1 [ ]ip route-static 172.16.1.0 24 12.1.1.2 目的地址 掩码 下一条 [ ]ip route-static 172.16.1.0 24 21.1.1.2 preference 50 目的地址 …
阅读更多...
ETLCloud的应用策略——实时数据处理是关键

ETLCloud的应用策略——实时数据处理是关键

一、ETLCloud是什么&#xff1f; ETLCloud又称数据集成&#xff08;DataOps&#xff09;&#xff0c;是RestCloud旗下的一款数据仓库管理工具&#xff0c;通过自动化数据转换和集成来实现企业内部和外部数据的无缝对接&#xff0c;从而帮助企业快速获取准确的数据信息&#xff…
阅读更多...
vue3+leaflet天地图开发

vue3+leaflet天地图开发

<script setup> import { onMounted, onUnmounted, ref } from "vue"; // todo 项目使用请放开 leaflet 引入 // import L from leaflet;const emit defineEmits(["mapLoad"]);var markers ref([]); const mapRef ref(); const marker ref(); co…
阅读更多...
Spring对JUnit4和junit5的支持

Spring对JUnit4和junit5的支持

Junit4支持 第一步&#xff1a;准备工作&#xff1a; 引入JUnit4的依赖&#xff0c;Spring对JUnit支持的依赖还是&#xff1a;spring-test&#xff0c;如下&#xff1a; <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://ma…
阅读更多...
Cadence SPB17.4 -Allegro - 做Logo封装及添加中文丝印

Cadence SPB17.4 -Allegro - 做Logo封装及添加中文丝印

Cadence SPB17.4 -Allegro - 做Logo封装及添加中文丝印 Chapter1 Cadence SPB17.4 -Allegro - 做Logo封装Chapter2 Allegro添加中文字体的简单有效方法Chapter3 Allegro添加Logo方法方法一方法二 链接&#xff1a;https://pan.baidu.com/s/1eUgUOjOfNam3rqZyQOov_g 提取码&…
阅读更多...
Java技术栈 —— Log4j 2、Logpack、SLF4j日志框架介绍

Java技术栈 —— Log4j 2、Logpack、SLF4j日志框架介绍

Log4j 2、Logpack、SLF4j日志框架介绍 Log4j 2、Logpack、SLF4j日志框架&#xff0c;及其区别1.1 Log4j 21.1.1 日志级别1.1.2 日志输出目标位置1.1.3 日志刷新机制1.1.4 结构化打印日志1.1.5 异步打印日志1.1.6 在Cloud云环境汇集日志信息 1.2 LogPack1.3 SLF4j1.4 区别 Log4j…
阅读更多...
tcp连接全过程各种状态详解

tcp连接全过程各种状态详解

文章目录 TCP的一些重要特性tcp连接全过程各种状态参考资料 TCP的一些重要特性 TCP是一种可靠、面向连接、全双工、流控制、拥塞控制、有序传输、无差错传输、无重复传输、无丢失传输等特点的协议。为了实现这些特点&#xff0c;TCP必须对上层应用程序发送的数据进行分段、重组…
阅读更多...
玩转大数据18：大规模数据处理与分布式任务调度

玩转大数据18：大规模数据处理与分布式任务调度

引言 在数字化时代&#xff0c;数据成为了一种宝贵的资源&#xff0c;对于企业和组织来说&#xff0c;如何有效地处理和分析这些数据成为了关键的竞争力。大规模数据处理与分布式任务调度作为大数据处理的核心技术&#xff0c;为解决这一问题提供了有效的解决方案。 随着数据…
阅读更多...
Python如何匹配库的版本

Python如何匹配库的版本

目录 1. 匹配库的版本 2. Python中pip&#xff0c;库&#xff0c;编译环境的问题回答总结 2.1 虚拟环境 2.2 pip&#xff0c;安装库&#xff0c;版本 1. 匹配库的版本 &#xff08;别的库的版本冲突同理&#xff09; 在搭建pyansys环境的时候&#xff0c;安装grpcio-tools…
阅读更多...
阿赵UE学习笔记——1.安装UE

阿赵UE学习笔记——1.安装UE

大家好&#xff0c;我是阿赵&#xff0c;这是一个新的开始&#xff0c;这次先简单介绍一下UE的安装方法。   安装Unreal Engine(简称UE)&#xff0c;需要先按照一个EPIC Games Launcher。 这个其实是EPIC的游戏中心&#xff0c;你可以理解成和Steam差不多&#xff0c;是一个…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023