当前位置: 首页 > news >正文

Vue之初识Vue CLI 脚手架

Vue CLI 是Vue 官方提供的一个全局命令工具
可以帮助我们快速创建一个开发Vue项目的标准化基础架子。【集成了webpack配置】

脚手架有什么好处?
1.开箱即用,零配置
2.内置 babel 等工具
3.标准化

使用步骤:

1.全局安装(一次):yarn globaladd @vue/cli 或 npm i @vue/cli -g
2.查看 Vue 版本:vue --version
3.创建项目架子:vue create project-name(项目名-不能用中文)
4.启动项目:yarn serve 或 npm run serve(找package.json)

我们在终端执行

 npm i @vue/cli -g

然后我们先随便创建一个文件夹,文件夹名随便取

我们进入到文件夹
在这里插入图片描述

输入cmd 回车
输入 vue create name(随便取,但不能是中文)

在这里插入图片描述
这是选择是 Vue2 还是 Vue3

我这暂时演示Vue2, 我们选中Vue2回车,我们耐心等待安装

安装完毕后,我们切换文件所在路径,也就是你创建好的vue脚手架
在这里插入图片描述
我们输入:

npm run serve

在这里插入图片描述
我们打开链接,如果是如下图所示,说明我们的脚手架安装成功了

在这里插入图片描述
感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!

相关文章:

Vue之初识Vue CLI 脚手架

Vue CLI 是Vue 官方提供的一个全局命令工具 可以帮助我们快速创建一个开发Vue项目的标准化基础架子。【集成了webpack配置】 脚手架有什么好处? 1.开箱即用,零配置 2.内置 babel 等工具 3.标准化 使用步骤: 1.全局安装(一次):yarn globaladd vue/cli …...

[Tcpdump] 网络抓包工具使用教程

往期回顾 海思 tcpdump 移植开发详解海思 tcpdump 移植开发详解 前言 上一节,我们已经讲解了在海思平台如何基于静态库生成 tcpdump 工具,本节将作为上一节的拓展内容。 一、tcpdump 简介 「 tcpdump 」是一款强大的网络抓包工具,它基于…...

MongoDB常用命令

3.1 案例需求 存放文章评论的数据存放到MongoDB中,数据结构参考如下: 数据库:articledb 3.2 数据库操作 3.2.1 选择和创建数据库 选择和创建数据库的语法格式: use 数据库名称 如果数据库不存在则自动创建,例如&a…...

强敌环伺:金融业信息安全威胁分析——整体态势

从早期的Zeus和其他以银行为目标的特洛伊木马程序,到现在的大规模分布式拒绝服务(DDoS)攻击,再到新颖的钓鱼攻击和勒索软件,金融服务业已成为遭遇网络犯罪威胁最严重的行业之一。金融服务业的重要性不言而喻&#xff0…...

FreeRTOS简介

一 FreeRTOS简介 实时操作系统(Real-Time Operating System,RTOS)是一种专门设计用于处理实时任务的操作系统。它的主要作用是提供具有严格时间约束的任务调度和资源管理,以满足实时系统对时间的要求。 可分为硬实时和软实时&am…...

51单片机点灯

51单片机点灯 1.点亮LED灯 #include "reg52.h"sbit ledOne P3^7;void main() {//灯亮,给一个P3.7低电平ledOne 0; }给LED1对应标号的P3^7一个低电平,就能点亮LED灯2.LED灯闪烁 #include "reg52.h"sbit ledOne P3^7;void Delay…...

sql注入之union联合注入

一、Union注入 联合查询注入是联合两个表进行注入攻击,使用关键词 union select 对两个表进行联合查询。两个表的字段数要相同,不然会出现报错。列数相同 union 特性是显示两张表 我们就可以吧第一个参数变为------负--的 或者不存在的值 就行了 显示就…...

activiti解决实现ExecutionListener spring 自动注入@Autowired为null问题

在 Activiti 中,当使用 ExecutionListener 时,Spring 的自动注入机制(例如 Autowired)可能无法正常工作。这是因为 ExecutionListener 是由 Activiti 管理的,并不是由 Spring 管理的,所以无法通过 Autowire…...

【Lazy ORM 整合druid 实现mysql监控】

Lazy ORM 整合druid 实现mysql监控 JDK 17 Lazy ORM框架地址 up、up欢迎start、issues 当前项目案例地址 框架版本描述spring-boot3.0.7springboot框架wu-framework-web1.2.2-JDK17-SNAPSHOTweb容器Lazy -ORM1.2.2-JDK17-SNAPSHOTORMmysql-connector-j8.0.33mysql驱动druid-…...

【Deeplabv3+】Ubutu18.04中使用pytorch复现Deeplabv3+第三步)-----CityscapesScripts生成自己的标签

本文是在前面两篇文章的基础上,讲解如何更改训练数据集颜色,需要与前面两篇文章连起来看。 本文用于修改cityscapes数据集的标签颜色与Semankitti数据集的标签一致,对修改后的数据集进行训练。需要下载两个开发工具包和一个数据集&#xff0…...

《动手学深度学习(PyTorch版)》笔记3.3

注:书中对代码的讲解并不详细,本文对很多细节做了详细注释。另外,书上的源代码是在Jupyter Notebook上运行的,较为分散,本文将代码集中起来,并加以完善,全部用vscode在python 3.9.18下测试通过。…...

OpenGL ES 渲染 NV21、NV12 格式图像有哪些“姿势”?

使用2个纹理实现 NV21 格式图像渲染 前文提到渲染 NV21 格式图像需要使用 2 个纹理,分别用于保存 Y plane 和 UV plane 的数据,然后在片段着色器中分别对 2 个纹理进行采样,转换成 RGB 数据。 OpenGLES 渲染 NV21或 NV12 格式图像需要用到 GL_LUMINANCE 和 GL_LUMINANCE_A…...

P8813 [CSP-J 2022] 乘方 题解

目录 题目描述输入格式输出格式样例 #1样例输入 #1样例输出 #1 样例 #2样例输入 #2样例输出 #2 提示题目简化题目思路AC 代码 观前提示,此题解解法非正解,仅仅是卡过数据才 A C AC AC 的。正解请参考他人博客。 题目描述 小文同学刚刚接触了信息学竞赛…...

Ubuntu 常用命令、docker 常用命令、unzip常用命令、tar常用命令

ubuntu 常用命令&#xff1a; 进入管理员模式&#xff1a; sudo su退出管理员模式&#xff1a; su <用户名>重启系统&#xff1a; rebootubuntu 复制文件夹下文件到其他文件夹下 cp -r source_folder/* destination_folder/删除文件夹下内容而不删除自身(进入到目录…...

保护医疗数据不受威胁:MPLS专线在医疗网络安全中的角色

随着数字技术的快速发展&#xff0c;医疗行业正在经历一场革命。从电子健康记录到远程医疗服务&#xff0c;数字化不仅提高了效率&#xff0c;也带来了前所未有的挑战--尤其是关于数据安全和隐私保护的挑战。在这样的背景下&#xff0c;如何确保敏感的医疗数据安全传输&#xf…...

Java面试题夺命连环问

如何实现一个ioc容器 配置文件配置包扫码路径递归包扫描获取.class文件反射确定需要 交给IOC管理的类对需要注入的类进行依赖注入 配置文件中指定需要扫描的包路径 定义一些注解&#xff0c;分别表示访问控制层&#xff0c;业务服务层&#xff0c;数据持久层&#xff0c;依赖…...

华为策略路由+NQA配置

---NQA--- [RouterA] nqa test-instance admin NQA [RouterA-nqa-admin-vlan10] test-type icmp [RouterA-nqa-admin-vlan10] destination-address ipv4 对方地址 [RouterA-nqa-admin-vlan10] frequency 10 [RouterA-nqa-admin-vlan10] probe-count 2 [RouterA-nqa-admin-vlan…...

逆置字符串

将字符串逆序,比如输入abcd,返回dcba void reverse(char*left,char *right) { while (right>left) { char temp *left; *left *right; *right temp; right--; left; } } int main() { char arr[100] { 0 };//定义…...

第九节HarmonyOS 常用基础组件14-DataPanel

1、描述 数据面板组件&#xff0c;用于将多个数据占比情况使用占比图进行展示。 2、接口 DataPanel(options:{values: number[], max?: numner, type?: DataPanelType}) 3、参数 参数名 参数类型 必填 描述 values number[] 是 数据值列表&#xff0c;最多含9条数…...

Vue开发之proxy代理的配置(附带uniapp代理配置)

vue 1.在vue.config.js中添加 devServer 属性中配置 proxy 属性 module.exports {productionSourceMap: false,publicPath: /,devServer: {port: 8085,proxy: {/api/admin: {target: http://10.58.104.70:6111,changeOrigin: true,pathRewrite: {/api/: /}},/api: {target: …...

GitHub 热榜项目 - 日榜(2026-04-03)

GitHub 热榜项目 - 日榜(2026-04-03) 生成于&#xff1a;2026-04-03 统计摘要 共发现热门项目&#xff1a; 7 个 榜单类型&#xff1a;日榜 Token赞助&#xff1a;siliconflow 本期热点趋势总结 本期 GitHub 热榜呈现出 AI Agent 与基础模型深度集成的高度工程化趋势。技…...

别再为Modelsim仿真Xilinx IP核发愁了!手把手教你搞定FFT IP的完整流程(Vivado 2018.3 + Modelsim DE 10.6c)

从零构建Xilinx FFT IP核的Modelsim仿真环境&#xff1a;避坑指南与实战解析 当你在Vivado中完成FFT IP核的配置&#xff0c;准备用Modelsim验证功能时&#xff0c;是否遇到过这些典型问题&#xff1a;编译库时提示找不到预编译文件&#xff1f;仿真时出现"Unable to loc…...

告别命令恐惧:用BloodHound图形化搞定内网域渗透分析与路径规划

告别命令恐惧&#xff1a;用BloodHound图形化搞定内网域渗透分析与路径规划 当你第一次面对内网渗透时&#xff0c;是否曾被满屏的命令行输出和复杂的权限关系搞得晕头转向&#xff1f;传统的命令行工具虽然强大&#xff0c;但对于初学者来说&#xff0c;理解域内用户、组、计…...

嵌入式工程师面试通关指南:从基础理论到实战调试的30个核心考点

1. 嵌入式系统基础概念 1.1 单片机与微处理器的本质区别 很多刚入门的工程师容易混淆单片机和微处理器的概念。简单来说&#xff0c;单片机就是"片上系统"&#xff0c;它把CPU、存储器、I/O接口等核心部件都集成在了一个芯片里。我在设计智能家居控制器时就深有体会…...

OpenClaw浏览器自动化:Qwen3-14b_int4_awq实现智能爬虫

OpenClaw浏览器自动化&#xff1a;Qwen3-14b_int4_awq实现智能爬虫 1. 为什么需要智能爬虫&#xff1f; 上周我需要从几十个电商页面抓取产品参数&#xff0c;传统爬虫遇到三个致命问题&#xff1a;动态加载内容无法解析、反爬机制频繁拦截、非结构化数据难以提取。当我尝试用…...

别再纠结了!用Python+Wireshark实测OPC UA和Modbus TCP,看完这篇就知道你的项目该选谁

PythonWireshark实战&#xff1a;OPC UA与Modbus TCP协议选型指南 工业自动化项目中&#xff0c;协议选型往往让开发者陷入两难。上周我接手一个智能工厂改造项目时&#xff0c;面对产线上30台不同年代的设备&#xff0c;必须在OPC UA和Modbus TCP之间做出选择。经过三天密集的…...

避开EEGLab预处理里的那些‘坑’:滤波顺序、ICA成分误删与数据保存的正确姿势

避开EEGLab预处理里的那些‘坑’&#xff1a;滤波顺序、ICA成分误删与数据保存的正确姿势 脑电数据分析的可靠性往往在预处理阶段就已决定。许多研究者投入大量时间收集数据&#xff0c;却在预处理环节因细节疏忽导致结果失真——这不是技术问题&#xff0c;而是经验盲区。本文…...

从Dirty COW到内核攻防:竞态条件漏洞的现代利用与防御思考

1. Dirty COW漏洞&#xff1a;一个潜伏十年的"定时炸弹" 2016年10月&#xff0c;一个名为Dirty COW的Linux内核漏洞震惊了整个安全界。这个漏洞的特殊之处在于&#xff0c;它从2007年就潜伏在Linux内核中&#xff0c;历经近十年才被发现。更可怕的是&#xff0c;它影…...

LongCat-Video-Avatar 正式发布,实现开源SOTA级拟真表现

在技术领域&#xff0c;我们常常被那些闪耀的、可见的成果所吸引。今天&#xff0c;这个焦点无疑是大语言模型技术。它们的流畅对话、惊人的创造力&#xff0c;让我们得以一窥未来的轮廓。然而&#xff0c;作为在企业一线构建、部署和维护复杂系统的实践者&#xff0c;我们深知…...

双向互转|IEC104↔Modbus 工业网关,电力 / 工业现场一键通联

一、产品核心定位三格电子推出SG-IEC104-TCP与SG-TCP-IEC104两款工业级网关&#xff0c;专为电力、能源、智能制造场景打造&#xff0c;实现IEC104 与 Modbus 双向协议转换&#xff0c;兼容 DLT645 电表采集&#xff0c;支持 MQTT 上云&#xff0c;打通电力主站与现场设备的数据…...