Vue:vue的安装与环境的搭建

文章目录

  • 环境搭建
    • 安装node.js(比较简单)
    • 安装Vue脚手架
    • 初始化
    • 启动

环境搭建

安装node.js(比较简单)

首先要安装node.js,进入官网下载即可。

在这里插入图片描述

更改安装路径,保持默认配置,一直点击下一步安装即可。

在这里插入图片描述

打开cmd,输入node --version,查看是否安装成功。

在这里插入图片描述

安装Vue脚手架

打开cmd,输入npm install -g @vue/cli

ages/20230724024159.png?origin_url=image-8.png&pos_id=img-btwZbITG-1708935826049)

等待下载完成(最好挂个梯子下载)。

输入vue --version,查看是否下载成功。

在这里插入图片描述

初始化

在我们需要创建vue项目的目录中打开cmd

创建一个vue项目,create vue 项目名称
在这里插入图片描述

选择
在这里插入图片描述

按需选择(空格选中)
在这里插入图片描述

回车确认
选择设置,可以网上查每个选项意思按需选择,一般我这样选即可。
最后一个选项表示是否把此设置保存为模板。
在这里插入图片描述

回车确认,等待安装。
在这里插入图片描述

如果安装失败,可能是安装到f盘权限不够,管理员运行cmd,或者更改node文件权限为修改。

启动

打开我们创建好的项目
在这里插入图片描述

输入npm run serve
在这里插入图片描述

浏览器中输入localhost:8080端口即可呈现以下默认界面。
在这里插入图片描述

到此vue安装结束。

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

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Jmeter系列(2)目录介绍

目录 Jmeter目录介绍bin目录docsextrasliblicensesprintable_docs Jmeter目录介绍 在学习Jmeter之前,需要先对工具的目录有些了解,也会方便后续的学习 bin目录 examplesCSV目录中有CSV样例jmeter.batwindow 启动文件jmeter.shMac/linux的启动文件jmete…

设计并实现一个并发安全的LRU(Least Recently Used,最近最少使用)缓存结构

文章目录 前言实战演示写在最后 前言 相信很多人都使用过LinkedHashMap,LinkedHashMap中的removeEldestEntry可以删除老旧的元素,我们可以以此来实现一个LRU缓存结构,并结合java中JUC包中的各种多线程锁机制来保证多线程安全。 以下是我遇见…

YOLOv9来了!实时目标检测新SOTA

先上一把网上的测试效果对比: YOLOv9架构图 速度论文 代码:GitHub - WongKinYiu/yolov9: Implementation of paper - YOLOv9: Learning What You Want to Learn Using Programmable Gradient Information 论文:[2402.13616] YOLOv9: Learning What You…

x-cmd pkg | g - 功能和交互更为丰富的 `ls` 替代方案

目录 简介首次用户功能特点竞品和相关作品进一步阅读 简介 g 是一项用 Go 开发的、功能和交互更为丰富的 ls 替代方案。它拥有 100 多个功能选项,主要是通过各式图标、各种布局选项和 git status 集成来增强视觉效果,并且支持多种输出格式,如…

在having、select子句中使用子查询

目录 在having子句中使用子查询 统计出部门平均工资高于公司平均工资的部门编号、平均工资、部门人数 在select子句中使用子查询 查询每个员工的编号、姓名、职位、部门名称 Oracle从入门到总裁:https://blog.csdn.net/weixin_67859959/article/details/135209645 在havin…

内存函数(C语言进阶)

目录 前言 1、memcpy 2、memmove 3、memcmp 4、memset 结语 前言 本篇介绍了C语言中的内存函数,内存函数,顾名思义就是处理内存的函数。 1、memcpy memcpy:内存拷贝函数。 相对于strcpy只能拷贝字符串来讲,memcpy能拷…

printf输出彩色log

在软件开发过程中,log调试是一个非常重要的排查问题的手段,log的输出结果可以帮助工程师验证其软件逻辑与执行结果是否一致。所以一个有彩色效果的log输出,可以帮到工程师更好的定位问题所在,并且利用特定的宏定义可以定位到问题出…

C#使用QQ邮箱发送邮件

简介 在c#中发送邮箱我们只需要引入官方提供的命名空间 System.Net.Mail ,这个命名空间包含了一系列类,用于创建、配置和发送电子邮件消息。 这个命名空间中的一些主要类包括: MailMessage:表示一个电子邮件消息,包…

猫头虎分享已解决Bug || AttributeError: ‘Sequential‘ object has no attribute ‘session‘

博主猫头虎的技术世界 🌟 欢迎来到猫头虎的博客 — 探索技术的无限可能! 专栏链接: 🔗 精选专栏: 《面试题大全》 — 面试准备的宝典!《IDEA开发秘籍》 — 提升你的IDEA技能!《100天精通鸿蒙》 …

Vue 项目脚手架结构介绍

昨天,撰写了一篇文章,介绍如何 0 基础入门 Vue,算是讲清楚了学习 Vue 的路线图,今天,继续来介绍一些具体的东西。 一、开发工具 开发 Vue 的项目,我推荐使用 VS Code,有非常多的插件支持基于 …

【前端素材】推荐优质后台管理系统Uena平台模板(附源码)

一、需求分析 后台管理系统(或称作管理后台、管理系统、后台管理平台)是一种专门用于管理网站、应用程序或系统后台运营的软件系统。它通常由一系列功能模块组成,为管理员提供了管理、监控和控制网站或应用程序的各个方面的工具和界面。以下…

从零开始手写mmo游戏从框架到爆炸(二十三)— 装备系统一

导航:从零开始手写mmo游戏从框架到爆炸(零)—— 导航-CSDN博客 目录 装备模板 装备模型 装备模板配置 加载装备模板 下一步,就是要考虑经验、金币、和装备掉落的问题。经验金币都好说,装备系统是目前需要考虑的问…