Vue工程化开发和脚手架Vue CLI

目录

一、介绍

二、使用步骤

1. 全局安装(一次)

2.查看Vue版本

3.创建项目架子(项目名不能使用中文)

4.启动项目


一、介绍

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

好处:

  1. 开箱即用,零配置
  2. 内置babel等工具
  3. 标准化

二、使用步骤

1. 全局安装(一次)

这个步骤只需要执行一次,如果之后要创建多个项目,就不需要执行这个了

以管理员身份打开命令行

有两种安装方式(自行选择其一即可)

  • yarn方式:yarn global add @vue/cli 
  • npm方式:npm i @vue/cli -g

如图

 

2.查看Vue版本

安装完成后,输入 vue --version,即可查看Vue版本,如图

3.创建项目架子(项目名不能使用中文)

打开你想让项目存放的目录,在空白处右击鼠标,选择”在终端打开“,如图

在命令行中输入 vue create project-name(项目名,不能用中文),如图

然后按enter回车,会弹出三个选项,选择第二个,并回车,如图

耐心等待后,创建成功

4.启动项目

进入我们刚刚创建的项目

输入npm run serve启动项目

项目启动成功:

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

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

相关文章

C++进阶:AVL树

AVL树的概念 二叉搜索树虽可以缩短查找的效率,但 如果数据有序或接近有序二叉搜索树将退化为单支树,查 找元素相当于在顺序表中搜索元素,效率低下 。因此,两位俄罗斯的数学家 G.M. A delson- V elskii 和 E.M. L andis 在 1962 …

C++进阶 | [2] 多态

摘要:多态的概念,多态的条件,虚函数的重写,抽象类,多态的原理,虚函数与虚函数表,与多态有关的问答题 1. Concept 多态的概念:通俗来说,就是多种形态,具体点就…

java入门-常用Dos命令

进入Dos窗口的快捷键:WinR 输入cmd (1)查看软件版本: java -version (2)切换盘符:eg:切换到D盘 (英文模式下) D: (3)查看当前目录的文件信息 dir (4)进入当前盘下的某个目录&#…

有关css基础的基础选择器、字体文本属性、Emmet语法及复合选择器

这里写目录标题 一级目录二级目录三级目录 基础选择器、字体文本属性一、语法规范1.2.代码风格 二、基础选择器1.标签选择器2.类选择器:样式点.定义,结构类class调用3.id选择器:样式#定义,结构id调用,只能调用一次4.通…

W801学习笔记十九:古诗学习应用——下

经过前两章的内容,背唐诗的功能基本可以使用了。然而,仅有一种模式未免显得过于单一。因此,在本章中对其进行扩展,增加几种不同的玩法,并且这几种玩法将采用完全不同的判断方式。 玩法一:三分钟限时挑战—…

深入理解网络原理4----TCP核心特性介绍(下)

文章目录 前言一、拥塞控制二、延时应答三、捎带应答四、面向字节流五、异常处理 前言 随着时代的发展,越来越需要计算机之间互相通信,共享软件和数据,即以多个计算机协同⼯作来完成业务,就有了⽹络互连。 一、拥塞控制 虽然TCP有…

使用memcache 和 redis 、 实现session 会话复制和保持

一、NoSQL介绍 NoSQL是对Not Only SQL、非传统关系型数据库的统称 NoSQL一词诞生于1998年,2009年这个词汇再次提出指非关系型、分布式、不提供ACID的数据库设计模式 随着互联网时代的数据爆发时增长、数据库技术发展的日新月异,要适应新的业务需求&am…

Spring Boot应用部署 - JAR包部署

Spring Boot应用部署采用打包成JAR文件的方式,旨在利用其内置的嵌入式Tomcat或其他Servlet容器,简化传统Web应用部署流程。以下是详细的步骤和说明: 1. 使用Maven或Gradle进行打包 Maven 在Spring Boot项目中,确保pom.xml文件已…

[C#] Visual Studio开发工具编译出错匹配目标平台x86或x64架构问题解决

使用Visual Studio开发工具的NuGet管理包插件时,开发者常常会遇到编译错误。尤其是在切换目标平台架构(如AnyCPU、x86或x64)时,有时会发现切换似乎不起作用,导致编译仍然出错。 文章目录 You need to specify platform…

三丰云搭建QQ-bot的服务器-代码实现

网址:https://www.sanfengyun.com >> 三丰云免费云服务器 代码实现-身份认证 首先来个 robot.py 文件 需要用到的库有: import osimport botpy from botpy import logging, BotAPIfrom botpy.types.message import Message from botpy.ext.cog_…

英语复习之英语形近词总结(二)

接着总结形近词 单词释义例句 impress 英 /ɪmˈpres/ 美 /ɪmˈpres/ vt.盖印;强征;传送;给予某人深刻印象 vi.给人印象。印象,印记;特征,痕迹 1.It didnt impress me as a good place to live. 那地方…

uniapp 自定义相机插件(组件版、缩放、裁剪)组件 Ba-CameraView

自定义相机插件(组件版、缩放、裁剪) Ba-CameraView 简介(下载地址) Ba-CameraView 是一款自定义相机拍照组件,支持任意界面,支持裁剪 支持任意自定义界面支持手势缩放支持裁剪(手势拖动、比…

【MySQL】1.数据库设计:ER模型、范式与反范式的平衡之道

数据库作为数据存储和检索的管理工具,其设计的好坏直接关系到数据的可用性、一致性和整体系统的性能。基于此,本文将深入探讨数据库设计中的三个关键概念:实体-关系(ER)模型、规范化(Normalization&#xf…

Leetcode—1396. 设计地铁系统【中等】

2024每日刷题(127) Leetcode—1396. 设计地铁系统 实现代码 class UndergroundSystem { public:typedef struct Checkin {string startStation;int time;} Checkin;typedef struct Checkout{int tripNum;int totalTime;} Checkout;UndergroundSystem()…

进程的环境变量

进程的环境变量是进程中一组变量信息,包括系统环境变量、用户环境变量和进程环境变量。系统有全局的环境变量,在进程创建时,进程会继承系统的全局环境变量、当前登录用户的用户环境变量和父进程的环境变量。进程也可以有自己的环境变量。 环…

器件配置比特流或 PDI 设置-Zynq-7000 比特流设置

Zynq-7000 比特流设置 下表所示 Zynq -7000 器件的器件配置设置可搭配 set_property <Setting> <Value> [current_design] Vivado 工具 Tcl 命令一起使用。 注释 &#xff1a; 用于加密的比特流设置对 Zynq-7000 器件无效。

HNU-人工智能-实验2-简单CSP问题

人工智能-实验2 计科210x 甘晴void 一、实验目的 求解约束满足问题 使用回溯搜索算法求解八皇后问题 二、实验平台 课程实训平台https://www.educoder.net/paths/369 三、实验内容 3.0 题目要求 回溯搜索算法 搜索与回溯是计算机解题中常用的算法&#xff0c;很多问…

Redis__数据持久化

文章目录 &#x1f60a; 作者&#xff1a;Lion J &#x1f496; 主页&#xff1a; https://blog.csdn.net/weixin_69252724 &#x1f389; 主题&#xff1a;Redis__数据持久化 ⏱️ 创作时间&#xff1a;2024年05月01日 ———————————————— 这里写目录标题…

3.10设计模式——Template Method 模版方法模式(行为型)

意图 定义一个操作中的算法骨架&#xff0c;而将一些步骤延迟到子类中&#xff0c;Template Method 使得子类可以不改变一个算法的结构即可重新定义该算法的某些特定步骤。 结构 AbstractClass&#xff08;抽象类&#xff09;定义抽象的原语操作&#xff0c;具体的子类将重定…

幼猫粮适合几个月的猫?

关于幼猫粮的选择&#xff0c;你是否有过疑惑呢&#xff1f;幼猫粮适合几个月的猫呢&#xff1f;今天&#xff0c;就让我来为大家详细解答这个问题吧&#xff01;&#x1f43e; 首先&#xff0c;我们要明确一点&#xff0c;幼猫粮是为4-12个月大的小猫咪特别设计的。在这个阶段…