一文搞定node.js和Vue脚手架的介绍以及安装

node.js的介绍以及安装

node.js的介绍

node.js提供了前端程序的运行环境,可以把node.js理解成是运行前端程序的服务器。

node.js的安装

从官网下载安装即可:http://nodejs.cn/download/

image-20240712003226899

image-20240712003445914

image-20240712003457707

image-20240712003512519

image-20240712003529144

image-20240712003535622

不要勾选这个,否则会下载很多东西

image-20240712003554852

image-20240712003641352

node -v 是 查看node的版本

npm -v 是 查看npm版本

npm是安装工具的工具包,类似于Linux中yum,Linux中安装软件 yum install ,node中安装软件使用npm install

设置npm源 , 配置镜像后,下载资源就会很快.

image-20240712003724989

npm config set registry https://registry.npmmirror.com

12.3 使用node.js 安装 vue-cli

(管理员权限)使用如下命令安装vue-cli

npm install @vue/cli -g# 如果出错,可以卸载,重新执行上一步安装
npm uninstall @vue/cli -g
  • npm: 使用node.js的命令
  • install: 安装
  • @vue/cli: 要安装的vue-cli
  • -g: 全局安装

更多操作当出现以下界面,表示正在安装:

image-20240712003951340

image-20240712004006282

安装vue-cli检测

12.4 使用vue-cli命令创建项目

进入工作空间,执行命令创建

  • vue create 项目名

注意bug: 创建项目时如果出现报错,提示no permitted 即没有权限在此处创建项目,这个是因为磁盘权限不够,需要修改硬盘权限

image-20240712004046737

image-20240712004055126

选择具体features

image-20240712004111230

选择vue版本

image-20240712004123846

一般选择第一项,为的是将文件分离打包

image-20240712004134488

是否将此操作存储为模板,本例选择n,选择为y就会在下次创建时使用

image-20240712004145292

创建完毕

image-20240712004157021

运行项目

image-20240712004207809

image-20240712004217681

12.5 使用图形界面方式创建

打开命令行,输入vue ui

image-20240712004245951

会自动打开浏览器,弹出页面

image-20240712004257204

创建项目

image-20240712004308921

image-20240712004315703

image-20240712004324662

选择插件

image-20240712004335369

选择版本

image-20240712004344557

开始创建

image-20240712004354983

创建成功后,跳转控制面板页面

image-20240712004404481

启动项目& 关闭

-1720716351260)]

开始创建

[外链图片转存中…(img-9MVIzHMn-1720716351260)]

创建成功后,跳转控制面板页面

[外链图片转存中…(img-vpbcwNUm-1720716351261)]

启动项目& 关闭

image-20240712004417037

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

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

相关文章

按下快门前的算法——对焦

对焦算法可以分为测距式,相位式,反差式。 其中测距式是通过激光,(TOF,Time of Flight)等主动式地得知物距,然后对焦。更常用的是后两者。 反差式CDAF(Contrast Detection Auto Foc…

【服务器】端口映射

文章目录 1.端口映射的概念1.1 端口映射的类型1.2 端口映射的应用场景1.3 示例 2.为什么要进行端口映射呢?3.原理3.1【大白话】原理解释3.2 原理图 4.代码 1.端口映射的概念 端口映射(Port Mapping),也称为端口转发(P…

docker基础知识以及windows上的docker desktop 安装

记录以供备忘 基础概念: 什么是docker 将程序和环境一起打包,以在不同操作系统上运行的工具软件 什么是基础镜像 选一个基础操作系统和语言后,将对应的文件系统、依赖库、配置等打包为一个类似压缩包的文件,就是基础镜像 什么是…

科学防治激素脸 荟敏堂中医治则有绝招

仟江水商业电讯(7月12日 北京 委托发布)最近几年,“激素脸”一词出现在我们生活中的频率似乎越来越高。很多人都曾经或者正在饱受其苦:皮肤瘙痒、紧绷、刺痛,甚至出现红斑、红血丝、表皮萎缩、粗糙、脱屑等等&#xff…

AI在软件开发中的角色:辅助创新还是自动化取代?

文章目录 每日一句正能量前言:人工智能与软件开发的未来交汇点AI工具现状AI对开发者的影响工作方式的改变需要掌握的新技能保持竞争力的策略结论 AI开发的未来AI在软件开发领域的未来发展方向AI是否可能完全取代开发者如何在AI时代规划开发者的职业发展结论 后记&am…

备考美国数学竞赛AMC8和AMC10:吃透1850道真题和知识点

距离接下来的AMC8、AMC10美国数学竞赛还有几个月的时间,实践证明,做真题,吃透真题和背后的知识点是备考AMC8、AMC10有效的方法之一。 通过做真题,可以帮助孩子找到真实竞赛的感觉,而且更加贴近比赛的内容,…

Golang | Leetcode Golang题解之第230题二叉搜索树中第K小的元素

题目: 题解: type MyBst struct {root *TreeNodenodeNum map[*TreeNode]int // 统计以每个结点为根结点的子树的结点数,并存储在哈希表中 }// 统计以 node 为根结点的子树的结点数 func (t *MyBst) countNodeNum(node *TreeNode) int {if…

大数据时代的数据库管理:分库与读写分离的重要性

前言 “分库”和“数据库拆分”这两个术语在数据库领域经常被提及,通常指的是类似的概念,但在细节上有所区别。分库通常指的是将一个大型数据库中的数据分布到多个较小的数据库中,以提高性能和可管理性。而数据库拆分则更广泛地指将数据库…

解决GET请求中文乱码问题

解决GET请求中文乱码问题 1、乱码的根本原因2、解决方法方法一:修改Tomcat配置(推荐)方法二:使用URLEncoder和URLDecoder(不推荐用于GET请求乱码)方法三:String类编解码(不直接解决乱…

DBA 数据库管理 部署Mysql 服务,基础查询

数据库:存储数据的仓库 数据库服务软件: 关系型数据库: 存在硬盘 ,制作表格的 数据库的参数 [rootmysql50 ~]# cat /etc/my.cnf.d/mysql-server.cnf 主配置文件 [mysqld] datadir/var/lib/mysql 存放数据库目录…

我们水冷电阻器支持高脉冲负载和高抗振能

我们电阻器是液冷电阻器,与风冷型电阻器相比,尺寸非常小。它们支持高脉冲负载和高抗振能力。 水冷电阻器具有完全绝缘的铝制外壳,带有液体冷却通道。主要的电阻元件是由厚膜浆料制成,具有低热漂移和出色的电阻精度。电阻元件嵌入氧…

如何实现接口的幂等性

1,什么是幂等性 即相同的多次请求,只执行一次。 2,简述怎么保证幂等性? 单机部署的场景 使用唯一标识符: 在客户端发起请求时,附加一个唯一的请求标识符(如 UUID)。服务端接收到请求后&#…

南京邮电大学运筹学课程实验报告1 图与网络求解 指导

一、题目描述 实验四 图与网络问题求解    实验属性: 设计型    实验目的 1.理解图的基本概念; 2.掌握运筹学软件的使用方法; 3. 掌握图中Dijkstra算法Matlab求解原理和方法。 …

Java性能优化-HashMap遍历的7种方式及性能测试对比

场景 Java中使用JMH(Java Microbenchmark Harness 微基准测试框架)进行性能测试和优化: Java中使用JMH(Java Microbenchmark Harness 微基准测试框架)进行性能测试和优化_java热点函数-CSDN博客 参考以上性能测试工具的使用。下面针对Java中对HashMap的7种遍历方…

《梦醒蝶飞:释放Excel函数与公式的力量》11.3 ISTEXT函数

第11章:信息函数 第三节 11.3 ISTEXT函数 11.3.1 简介 ISTEXT函数是Excel中的一个信息函数,用于检查指定单元格中的内容是否为文本。如果单元格内容是文本,则返回TRUE;否则返回FALSE。ISTEXT函数在数据验证、条件格式化和逻辑判…

社区团购小程序源码系统 带完整的安装代码以及搭建部署教程

系统概述 在这个数字化时代,线上活动成为了连接用户与组织者的桥梁。为了满足不同场景的需要,开发一个灵活、可定制的在线活动报名表单小程序显得尤为重要。本文将深入介绍一个自定义在线活动报名表单小程序的源码系统,并提供详细的搭建部署…

Android高级——Logger日志系统

Logger日志系统 Logger日志系统是基于内核中的Logger日志驱动程序实现将日志记录保存在内核空间中使用一个环形缓冲区来保存日志,满了之后,新的日志就会覆盖旧的日志 日志类型 main,记录应用程序级别system,记录系统级别radio&…

在Ubuntu下安装samba实现和Windows系统文件共享

一、安装 apt install -y samba samba-clientSamba is not being run as an AD Domain Controller: Masking samba-ad-dc.service Please ignore the following error about deb-systemd-helper not finding those services. (samba-ad-dc.service masked) Created symlink /et…

百度网盘资料使用

1. 将链接复制到浏览器打开,点击提取文件 2. 提取文件,进入如下界面 3. 因为文件太大,而且未开会员,所以无法全部转存到网盘,只能分批次转存 点击目录,进入文件夹 1)选择一个喜欢的文件&#…

9.Python学习:Socket

1.网络通信要素(IP端口传输协议) 2.Socket编程 2.1TCP、UDP协议了解 2.2 Socket流程 服务端有两个socket对象,客户端有一个 3.Socket实战 服务端代码: import socket #创建Socket对象 sksocket.socket() #绑定ip与端口号-使…