vue常用命令汇总

nvm 一个nodejs版本管理工具,解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。
npm 可以管理 nodejs 的第三方插件。
vue-cli 是Vue提供的一个官方cli,专门为单页面应用快速搭建繁杂的脚手架。
nginx 是一个高性能的HTTP和反向代理web服务器

安装和卸载Vue脚手架

npm install -g @vue/cli
npm uninstall vue-cli -g

上面安装的是Vue cli3版本,如果想按照2版本初始化项目是不可以的
因此想使用 vue init 可以全局安装一个桥接工具
npm install -g @vue/cli-init

Vue-cli2初始化项目

vue init webpack my-project
启动npm run dev

Vue-cli3初始化项目

vue create my-project
启动npm run serve

查看vue脚手架版本

vue --version

查看vue版本

npm list vue

vue图形管理器

vue ui

淘宝镜像设置

npm install --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org
npm config set registry https://registry.npmmirror.com

npm安装模块

[npm install xxx] 利用npm安装xxx模块到当前命令行所在目录;
[npm install -g xxx] 利用npm安装全局模块xxx;
[npm install xxx] 安装但不写入package.json;
[npm install xxx --save] 安装并写入package.json的"dependencies"中
[npm install xxx --save-dev] 安装并写入package.json的"devDependencies"中
本地安装时将模块写入package.json中:
注:-S 等同于–save

npm 删除模块

[npm uninstall xxx] 删除xxx模块;
[npm uninstall -g xxx] 删除全局模块xxx;

安装node版本

npm install -g n //安装n node版本管理
sudo n 14.16.1 //切换安装到node@14.16.1版本

nvm list 查看已安装nodejs版本

管理员身份运行终端, 先查询可使用版本号,* 号表示正在使用 LST代表稳定版本
nvm list available

安装指定node版本

nvm install 20.13.1

use命令指定使用版本

nvm use 20.13.1
use完成后可以分别输入命令行 node -v 和 npm -v,检验是否安装成功

删除某nodejs版本

nvm uninstall node版本号 //例如:nvm uninstall 16.14.0)即可删除对应版本

修改npm默认镜像源为淘宝镜像

npm config set registry https://registry.npmmirror.com/
检查是否设置成功, 应该返回 registry.npmmirror.com/
npm config get registry

删除node_modules重新安装
rd/s/q D:\app (强制删除文件文件夹和文件夹内所有文件)
rm -rf node_modules
rm package-lock.json
npm cache clear --force
npm install
查看包版本信息

npm view grunt version

查看@vue/cli所有版本

npm view @vue/cli versions

配置Nginx服务

查看nginx配置文件,在http对象下再增加一个server

 http {server {listen  80;server_name  localhost;root  /Users/sam/upload;autoindex  on;location / {add_header  Access-Control-Allow-Origin *;index  index.html index.htm;}}}

listen:监听端口号,最新的macOS系统不允许设置80端口,可以选择8000以上的端口号

server_name:指定虚拟主机的名称

root:资源文件的根路径,必须指向一个文件夹,该路径为资源文件存放的位置,例如用户访问:localhost/book/a.epub,实际访问的资源路径为:/Users/sam/upload/book/a.epub

autoindex:是否打开目录浏览功能,如果打开,当我们访问localhost/时,就可以在网页上查看/Users/sam/upload目录下的所有文件

location:路由规则匹配,location /表示匹配所有路由

add_header:表示在响应头中添加指定内容,这里添加Access-Control-Allow-Origin为*是为了解决前端跨域问题,如果不配置这个选项,前端请求资源时会出现跨域错误,希望详细了解跨域原理的同学可以点击这里学习
index:指定访问根路径时默认访问的资源文件,比如我们访问localhost/,实际Nginx会找到/Users/sam/upload/index.html或/Users/sam/upload/index.htm进行返回

查看Nginx的版本号:nginx -V

启动Nginx:start nginx

快速停止或关闭Nginx:nginx -s stop

正常停止或关闭Nginx:nginx -s quit

配置文件修改重装载命令:nginx -s reload

mac nginx启动
1、启动nginx:sudo nginx
2、关闭nginx:sudo nginx -s stop
3、重启nginx:sudo nginx -s reload

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

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

相关文章

Oracle 与 达梦 数据库 对比

当尝试安装了达梦数据库后,发现达梦真的和Oracle数据库太像了,甚至很多语法都相同。 比如:Oracle登录数据库采用sqlplus,达梦采用disql。 比如查看数据视图:达梦和Oracle都有 v$instance、v$database、dba_users等&a…

【docker】12. Docker Volume(存储卷)

什么是存储卷? 存储卷就是将宿主机的本地文件系统中存在的某个目录直接与容器内部的文件系统上的某一目录建立绑定关系。这就意味着,当我们在容器中的这个目录下写入数据时,容器会将其内容直接写入到宿主机上与此容器建立了绑定关系的目录。 在宿主机上…

汽车总线协议分析-CAN总线

随着汽车工业的发展,汽车各系统的控制逐步向自动化和智能化转变,汽车电气系统变得日益复杂。许多车辆设计使用CAN、CAN-FD、LIN、FlexRay或SENT在电子控制单元(ECU)之间以及ECU与传感器,执行器和显示器之间进行通信。这些ECU之间的通信允许车…

前端性能优化(理念篇)

前端性能优化(理念篇) 前言 其实前端性能优化,按照我的理解,首先你公司的硬件条件跟其它资源跟的上,比如服务器资源,宽带怎么样,还有后端接口响应如何,这些资源都具备后&#xff0…

IIS部署程序https是访问出现403或ERR_HTTP2_PROTOCOL_ERROR

一、说明 在windows server 2016中的IIS程序池里部署一套系统,通过https访问站点,同时考虑到安全问题以及防攻击等行为,就用上了WAF云盾功能,能有效的抵挡部分攻击,加强网站的安全性和健壮性。 应用系统一直能够正常…

【深度学习】热力图绘制

热力图(Heatmap)是一种数据可视化方法,通过颜色来表示数据矩阵中的数值大小,以便更直观地展示数据的分布和模式。热力图在许多领域中都有应用,尤其在统计分析、机器学习、数据挖掘等领域,能够帮助我们快速识…

3.6 IP 数据报的发送与转发

欢迎大家订阅【计算机网络】学习专栏,开启你的计算机网络学习之旅! 文章目录 前言1 主机发送 IP 数据报2 直接交付与间接交付3 路由器转发 IP 数据报4 习题分析 前言 在计算机网络中,数据传输的核心工作之一是通过 IP 协议将数据从源主机传递…

PH热榜 | 2024-12-13

1. AI Santa by Tavus 标语:随时随地,视频连线圣诞老人! 介绍:准备好迎接AI圣诞老人了吗?塔武斯公司推出的这款神奇的节日体验,能让你实时用30多种语言与圣诞老人对话,看看自己今年是乖孩子还…

双击 Origin 文件后打开软件只有空白没有任何窗口、或者打开后加载失败解决办法

这其实是因为你的文件并没有在 Origin 中打开,可以在标题栏确认 如果这里显示为 UNTITLED,就说明文件还没有在 Origin 中打开。如果你遇到此类问题,我们建议尝试以下方法。 方法 1 设 Origin 为打开 .opj/opju 文件时的默认应用程序 右键单…

【电子通识】电流倒灌为什么需要注意?

电流倒灌是一个很常见的问题,以“IO电流倒灌”为关键词在百度上进行搜索,可以找到很多相关案例。 电流倒灌问题在5V电平的单片机时代几乎不会发生,主要是因为5V单片的IO耐压值高,单片机内部结构对IO保护设计很好。 到了3.3V单片机时代,这类问题有一定的偶发性,但…

奇怪的知识又增加了:ESP32下的Lisp编程=>ULisp--Lisp for microcontrollers

ESP32下有MicroPython,那么我就在想,有Lisp语言支持吗?答案是果然有!有ULisp,专门为MCU设计的Lisp! 网址:uLisp - Lisp for microcontrollers 介绍:用于微控制器的 Lisp 适用于 Ar…

【竞技宝】LOL:JDG官宣yagao离队

北京时间2024年12月13日,在英雄联盟S14全球总决赛结束之后,各大赛区都已经进入了休赛期,目前休赛期也快进入尾声,LPL大部分队伍都开始陆续官宣转会期的动向,其中JDG就在近期正式官宣中单选手yagao离队,而后者大概率将直接选择退役。 近日,JDG战队在官方微博上连续发布阵容变动消…

得物App奢侈品鉴别能力再获A级资质认证

11月20日,在中国出入境检验检疫协会举办的“2024高端消费品检验鉴定与市场可持续发展大会”上传出消息,得物App因“先鉴别、后发货”保障正品的突出表现以及较高的消费者认可度,被中国海关科学技术研究中心授予“奢侈品鉴别(箱包类…

使用BMFont创建适用于Unity的艺术字

最近经常使用艺术字,虽然之前的工作经验我知道只需要修什么哪些就可以弄好艺术字的创建和间隔,所以打算做个总结,接下来分为以下几步(其中会有补充,最后会有如何解决unity艺术字的字距问题) 第1步 下载BMF…

websocket_asyncio

WebSocket 和 asyncio 指南 简介 本指南涵盖了使用 Python 中的 websockets 库进行 WebSocket 编程的基础知识,以及 asyncio 在异步非阻塞 I/O 中的作用。它提供了构建高效 WebSocket 服务端和客户端的知识,以及 asyncio 的特性和优势。 1. 什么是 WebS…

数据结构_树表的查找

平衡调整方法 四种类型的调整 LL型调整 RR型调整 LR型调整 RL型调整 // 以p为根的二叉排序树作右旋处理(LL void BST::rRotate(BiNode*& p) {BiNode* k p->lChild;p->lChild k->rChild;k->rChild p;p k; }// 以p为根的二叉排序树作左旋处理(RR void BST:…

51c~Pytorch~合集2

我自己的原文哦~ https://blog.51cto.com/whaosoft/11878447 一、PyTorch与torch-xla的桥接 文章从XLATensor开始的溯源、注册PyTorch库实现、从PyTorch调用到torch_xla三个方面来介绍PyTorch与torch-xla的桥接 XLA (Accelerated Linear Algebra)是一个开源的机器学习编…

TMS320C55x DSP芯片结构和CPU外围电路

第2章 DSP芯片结构和CPU外围电路 文章目录 第2章 DSP芯片结构和CPU外围电路TMS320C55x处理器的特点TMS320c55x CPU单元指令缓冲(Instruction Buffer Unit) I单元程序流程(Program Flow Unit) P单元地址数据(Address-data Flow Unit) A单元数据计算(Data Computation Unit) D单元…

实战攻防中针对JS路径的泄露和Webpack漏洞的初探

0x1前言 浅谈 这篇文章给师傅们分享下前段时间跟其他师傅学习和交流的Webpack相关漏洞,这个漏洞相对来说比较冷门,在web漏洞中不是那么的热度高,但是平常去挖掘和发现这个漏洞相对来说还是不难的。 后面要是有机会可以给师傅们分享下油猴的…

【人工智能基础08】卷积神经网络习题:卷积神经网络计算、图像填充、卷积的表达与设计

文章目录 1. 卷积核计算2. 卷积神经网络计算3. 卷积核关注的特征问题解答水平边缘检测与水平条纹检测45度条纹检测 4. 图像检测5. 卷积网络是特殊的全连接网络6. 输出矩阵的三种填充方法7. 卷积设计8.9 成像公式10. 卷积的计算次数11. 全连接层的计算 1. 卷积核计算 卷积操作过…