vue实战项目之vue-cli脚手架搭建过程详解

news2025/9/22 17:40:13

目录

1.可以参考vue-cli的中文文档进行下载安装

2.查看node和npm版本

3.安装依赖包

4.依赖包以前版本太老,如何更新?

5.创建一个项目

6.图形化界面


1.可以参考vue-cli的中文文档进行下载安装

vue-cli中文文档

2.查看node和npm版本

在cmd或者编译器终端窗口当中输入

node -V   //查看node版本
npm -V    //查看npm版本

Node 版本要求

Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n,nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

3.安装依赖包

可以使用以下两条命令当中的一条输入窗口当中

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。

你还可以用这个命令来检查其版本是否正确:

vue --version     或者vue -V

4.依赖包以前版本太老,如何更新?

 升级全局vue-cli版本的命令行:

npm update -g @vue/cli

# 或者
yarn global upgrade --latest @vue/cli

5.创建一个项目

在安装好上面的这些依赖的时候,我们就可以创建项目了,使用下列命令行

vue create hello-world

到时候再选择正确的vue版本,就可以进行安装项目依赖啦

6.图形化界面

如果我们觉得使用命令行有点麻烦,我们可以使用图形化的界面进行项目创建,在命令行当中输入

vue ui

上述命令会打开一个浏览器窗口,并以图形化界面将你引导至项目创建的流程。

7.查找其他帮助

vue create 命令有一些可选项,你可以通过运行以下命令进行探索,输入下列命令行:

vue create --help

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

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

相关文章

【数据库原理及应用】——关系数据库的规范化理论(学习笔记)

📖 前言:关系数据库的规范化理论是数据库设计的一个理论指南,提供了判断一个关系模式优劣的理论依据。本章讨论的关系数据库的规范化理论主要包含三方面内容:函数依赖、范式和模式分解准则。函数依赖起着核心作用,是模…

易基因|TSD物种全基因组DNA甲基化模式对孵育性别和过去孵育温度的响应 | 性别决定

易基因|TSD物种全基因组DNA甲基化模式对孵育性别和过去孵育温度的响应 | 性别决定 大家好,这里是专注表观组学十余年,领跑多组学科研服务的易基因。 2022年8月23日,《MOLECULAR ECOLOGY》杂志发表题为“Genome-wide DNA methyla…

[附源码]java毕业设计幼儿园管理系统

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

[附源码]Python计算机毕业设计二手书交易软件设计与实现

项目运行 环境配置: Pychram社区版 python3.7.7 Mysql5.7 HBuilderXlist pipNavicat11Djangonodejs。 项目技术: django python Vue 等等组成,B/S模式 pychram管理等等。 环境需要 1.运行环境:最好是python3.7.7,…

嵌入式驱动初级-字符设备驱动基础

文章目录前言一、驱动学习预备知识1.什么是设备驱动程序2.向内核添加新功能方法2.1新功能源码与Linux内核源码不在同目录下2.2在Ubuntu下加载和删除ko文件步骤2.3在开发板下加载和删除ko文件步骤2.4内核模块基础代码解析二、字符设备驱动框架2.1Linux内核对设备的分类2.2字符设…

css点击文字(非按钮) 能自动改变颜色。

实现功能说明: 如下图,点击不同的文字能够切换不同的页面,同时这个tab的文字能够相应的变色,其他未选中的状态默认为灰色。 方案一: 使用css的伪类。 :active,元素被点击时变色,但颜色在点击后…

为什么 NGINX 的 reload 命令不是热加载?

这段时间在 Reddit 看到一个讨论,为什么 NGINX 不支持热加载?乍看之下很反常识,作为世界第一大 Web 服务器,不支持热加载?难道大家都在使用的 nginx -s reload 命令都用错了?带着这个疑问,让我们…

DiffusionDet: Diffusion Model for Object Detection

paper: https://arxiv.org/abs/2211.09788 code:https://github.com/ShoufaChen/DiffusionDet 探索了扩散模型在非生成类任务(目标检测)中的应用。相较于传统Coarse-to-fine方法,基于扩散思路训练有两个特点:1&…

网络编程/计算机网络

目录 一、网络基本概念 1.网络 2.互联网 3.ip地址 4.MAC地址 5.端口号Port 6.网络协议 二.网络分层模型 1.数据链路层 2.网络层 3.传输层 4.应用层 三、网络应用程序通信流程 四、socket 网络编程 1.主机字节序列和网络字节序列 2.套接字地址结构 &#xff08…

离群点检测和新颖性检测

引言 在异常检测领域中,我们常常需要决定新观测点是否属于与现有观测点相同的分布, (则称它们为inlier),或被认为是不同的(outlier). 在这里,必须做出两个重要的区别: 异常值检测:outlier detection 训练…

List接口与实现类

目录 一、List接口 1.特点: 2.方法: 二、List接口的使用 三、List实现类 1.ArrayList(重点) (1)特点 (2)示例 (3)源码分析 2.Vector (1…

Python列表推导式——List

目录 遍历列表 range函数 列表推导式(★★★★★)五星技能点 五万次【列表推导式】与【for】遍历计算消耗时间对照表: 列表推导式逻辑判断 遍历列表 通过for in循环来遍历集合列表 range函数 我们基础range函数是参数范围是range(start,stop),在下…

利用天翎知识文档+群晖NAS搭建企业知识库,享用智能检索

编者按:检索是知识文档管理中常见切十分重要的功能,搭建企业知识库必不可少。本文分析了智能检索的特点,并介绍了其在知识文档管理系统中的实现。 关键词:智能检索,移动端,群晖NAS 知识管理中的检索功能 …

基于Java+SpringBoot+Mybaties+Vue 在线问卷调查系统设计与实现

一.项目介绍 本项目 可支持注册、登录 创建问卷、设置问卷内容(支持单选、多选、问答题) 分享问卷链接、分析问卷 查看问卷库、以及填写问卷内容 等功能 该项目采用 Springboot Mybaties Vue element UI 框架实现 二.环境需要 1.运行环境&#xff1…

教育科技创新即将崛起

随着“双减”政策的不断落实,真正具有创新精神和懂得教育科技的人,他们所创造的新模式、新生态即将崛起,属于教育科技和创新的春天即将到来。 那么,教育科技化和创新在不同的教育场景有什么体现呢? 我们先来看看目前…

【雷达通信】雷达探测项目仿真(Matlab代码实现)

👨‍🎓个人主页:研学社的博客 💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势:🌞🌞🌞博客内容尽量做到思维缜…

OCR-paddleocr

PaddleOCR 分为 Detection(文本检测)、Direction classifier(方向分类器)和 Recognition(文本识别)三部分,因此需要三个模型。一、介绍 PaddleOCR是一款超轻量、中英文识别模型目标是打造丰富、…

【软件测试】测试人填坑?测试工作中的坑成长经历,填着填着就成了神......

目录:导读前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结(尾部小惊喜)前言 小刘: 之…

深度强化学习DRL现存问题和训练指南(D3QN(Dueling Double DQN))

目录 强化学习 问题 好用的算法标准 表现好 减小学习曲线的波动 On-Policy和off-Policy区别 学习方式 采样数据利用 学习本质 优缺点 DQN 创新点 优点 缺点 MDP和POMDP 结果图 DQN DDQN Dueling DQN 参数 iteration episode epoch Batch_Size Experime…

全新电商版本答案——全民拼购,越拼越得,白嫖产品不是梦

根据国家市场监督管理总局自2020年12月1日起发布的《规范促销暂行规定》第十二条的规定,为了推广自己的平台商城或商品,获取流量,采用新购买模式运营的平台通过附带给未被选中的参与者一定的奖金或者其他利益,属于有奖销售。 在此…