Vue-脚手架的创建

news2024/11/28 20:44:11

本篇vue3的脚手架主要是使用vue-cli进行创建,有网的情况下才能创建成功

文章目录

  • 一、下载node.js
  • 二、全局安装@vue/cli
  • 三、使用vue-cli创建项目
    • 3.1 使用vscode打开终端
    • 3.2 创建项目
    • 3.3 创建成功
  • 四、注意事项

一、下载node.js

1、打开node的官网 node官网
2、点击下方图片的位置进行下载
在这里插入图片描述
3、在cmd终端检查是否安装成功
在这里插入图片描述

二、全局安装@vue/cli

打开cmd终端 输入命令 npm install -g @vue/cli 等下载完成

三、使用vue-cli创建项目

3.1 使用vscode打开终端

在vscode中使用快捷键 Ctrl+` (1左边的符号)
命令框如下:
在这里插入图片描述

3.2 创建项目

1、使用命令 vue create 项目名 创建项目
在这里插入图片描述
2、现阶段选择Manually select features(全手动创建) 随着以后学习的深入可以直接选择Default([Vue3…])通过键盘上下键进行选择,通过空格键确认,回车进入下一步
在这里插入图片描述
3、选择需要配置的参数(这里直接回车)
在这里插入图片描述
4、选择版本
在这里插入图片描述
5、这时会弹出是否使用history的方式创建路由,默认选择y
在这里插入图片描述
6、选择代码校验规范,默认选择第一项,只进行报错提示
在这里插入图片描述
在这里插入图片描述
7、是否保存模板提示,这里是选择保存模板(可选可不选)在这里插入图片描述
8、没有图片讲解的都选择默认的即可

3.3 创建成功

在这里插入图片描述

四、注意事项

1、vue3在创建时会默认有自带的代码检查机制,为了防止这个检查机制影响后续编码可以在
vue.config.js 文件中添加代码关闭语法检查
在这里插入图片描述

2、当需要将代码拷贝给其他人时,需要对文件进行相关的修改(不必须)因为在文件中node_modules文件夹所占大小达到百兆所以可以将该文件删除,后续需要将该文件加载进入,可以在终端运行命令

3、需要用到两个插件,可在vscode中下载
在这里插入图片描述
在这里插入图片描述

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

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

相关文章

Oxygen XML Editor 25.0.X Crack

XML 编辑器 Oxygen XML Editor 是完整的 XML 编辑解决方案,适用于 XML 开发人员和内容作者。它提供了必备的 XML 编辑工具,涵盖了大多数 XML 标准和技术。Oxygen XML Editor 包括 Oxygen XML Developer 和 Author 的所有功能。 特点与技术 单一来源出版 …

【树莓派不吃灰】使用frp内网穿透,实现远程访问树莓派

目录1. 前言2. frp内网穿透2.1 概述2.2 实现原理3. 开源frp项目4. 公网服务器选型5. 下载frp软件5.1 公网服务器下载frp服务器5.1.1 github选择适合服务端的版本5.1.2 公网服务器进行下载解压5.2 树莓派下载frp客户端5.2.1 github选择适合客户端的版本5.2.2 树莓派进行下载解压…

流形上的预积分(上)

预积分和流形 论文:IMU Preintegration on Manifold for Effificient Visual-Inertial Maximum-a-Posteriori Estimation 引言 Recent results in monocular visual-inertial navigation (VIN) have shown that optimization-based approaches outperform filteri…

免费体验CSDN云IDE使用指南

云IDE产品介绍 云IDE使用教程 免费使用地址:点击【云IDE】,即可开始创建工作空间啦~ 官方活动入口 文章目录1.免费体验CSDN云IDE使用指南1.1云IDE优点2.自己的代码在云IDE上跑起来看看如何操作2.1 克隆开源仓库2.2 创建一个空工作空间2.3 使用默认模板代…

Thread类中run和start的区别

一.认识 Thread类 中的 start() 和 run() 首先来看一张jdk-api中对于start 和 run 的描述. 二.方法的区别 下面我们简单看一下代码: // 继承Thread类 重写run() class MyThread extends Thread {Overridepublic void run() {while (true) {System.out.println("thread&q…

如何通过点击商品的信息(图片或者文字)跳转到更加详细的商品信息介绍(前后端分离之Vue实现)

以下只是做简单的演示、大致实现的效果。页面效果需要进一步优化。目的是提供思路 视频效果: 首页商品跳转1、需求 1、首页的的商品来自接口数据2、在首页点击某一个商品跳转到更加详细的商品介绍页面(可以购买、加入购物车、查看商品评价信息等&#x…

频频出现的DevOps到底是什么呢?浅浅了解下什么是DevOps吧

文章目录 📑前言 🧩DevOps的概念和起源 📰DevOps的概念 📰DevOps的起源与发展 📰总结 🧩DevOps的发展 📰发展过程速览 📰发展现状 📰未来发展 📄以…

【前端】JavaScript数据类型

目录 一、数据类型简介 二、简单数据类型 数字型Number 1.数字型进制 2.数字型范围 3.数字型三个特殊值 4.isNaN() 字符串型String 1.字符串引号嵌套 2.字符串转义符 3.字符串长度 4.字符串拼接 布尔型Boolean Undefined和Null 三、获取变量数据类型 四、数据类型…

res.add(new ArrayList<>(path))和res.add(path)的区别

一.问题描述 在链表path里面添加值,之后把path链表添加到res链表中,自己做的时候使用res.add(path),结果发现出现解答错误。 题目链接:113. 路径总和 II - 力扣(LeetCode) 代码如下: class …

网络初始之网络协议

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 目录 文章目录 前言 1.局域网: 概念: 构建方式 2.广域网: 3.IP地址: 4. 端口号: 常考点: 一、…

【单端S参数与差分S参数转化】

单端S参数与差分S参数转化 1 单端S参数说明 对于单端信号来说,用单端S参数来描述其传输特性,如常见的2端口网络,其S参数包括S11(1端口回波损耗RL)、S21(插入损耗IL)、S12(插入损耗…

[JSON] JSON基础知识

JSON(JavaScript Object Notation,JavaScript对象表简谱)是一种轻量级的数据交换格式,采用完全独立于编程语言的文本格式来存储和表示数据 JSON文件的文件类型是.json JSON是纯文本,具有层级结构,易于阅读和编写,其本…

【愚公系列】2022年11月 微信小程序-优购电商项目-商品支付页面

文章目录前言1. 商品⽀付页面设计规范一、商品支付页面1.业务逻辑2.涉及的接口数据3. 关键技术二、商品购物车页面相关代码1.页面代码2.效果前言 1. 商品⽀付页面设计规范 第一、支付流程一定要简单。现代人的生活节奏是非常快速的,而且情绪比较浮躁。当用户在浏览…

深入理解Java内存区域(最新版面试题)

1、什么是JVM? JVM(Java Virtual Machine)是用于运行Java字节码的虚拟机,包括一套字节码指令集、一组程序寄存器、一个虚拟机栈、一个虚拟机堆、一个方法区和一个垃圾回收器。JVM运行在操作系统之上,不与硬件设备直接交…

微信小程序消息订阅Java

前言 编写日期 : 2022-11-04 写这篇文章原因 公司给政府做一个订餐系统,需要在员工在小程序上发起订餐后经过部门领导和书记的审批后,再由食堂确认订餐结果。在订餐审批单在各个节点流转的过程中,需要给每一个节点的审批人发送微信订阅消息…

Linux企业应用——Docker(三)之史上最简单,一篇学会Docker私有仓库Harbor的搭建

文章目录一、什么是Harbor二、搭建私有仓库1.安装docker-ce2.安装软件库包3.创建认证三、在另一台已安装docker的主机上四、搭建Harbor测试docker hub虽然方便,但是还是有限制:• 需要internet连接,速度慢• 所有人都可以访问• 由于安全原因…

SharpShooter Reports.Web 7.5 Crack

SharpShooter Reports.Web 是真正的跨平台报告查看器,因为它能够向 Windows、Linux、Mac OS 甚至 iOS 和 Android 平板电脑和手机提供报告。创建的报告可以轻松集成到任何网站和网页中,包括 MS MVC 和 ASP.NET 应用程序。by Ω578867473报告设计方便易用…

22级第三次比赛题解

文章目录A (1). Ashy与几何(贪心几何)B (2). One eye question of hengheng(前缀和)C Fox hate oranges(模拟)D KingZhangs Similar pair (思维)E (5). 38秒你敢交我A题?F (6). How many numbers are thereG (7). Jump lattice (思维)H (8). CCoolGuang Conjecture(…

五十万字总结,2022最新Java面试八股汇总(含答案,收藏版)

写在前面 今年的疫情,让招聘面试变得雪上加霜。已经有不少大厂,如腾讯、字节跳动的招聘名额明显减少,面试门槛却一再拔高,如果不用心准备,很可能就被面试官怼得哑口无言,甚至失去了难得的机会。 现如今&a…

【网安神器篇】——瑞士军刀Netcat

作者名:Demo不是emo 主页面链接:主页传送门创作初心:舞台再大,你不上台,永远是观众,没人会关心你努不努力,摔的痛不痛,他们只会看你最后站在什么位置,然后羡慕或鄙夷座右…