vue常用命令汇总

news/2024/12/14 21:40:54/

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_28">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__36">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_42">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_52">修改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.ppmy.cn/news/1555116.html

相关文章

【深度学习进阶】CNN-VGG

介绍 VGG网络是由牛津大学计算机视觉组(Visual Geometry Group, VGG)的研究人员设计的一系列深度卷积神经网络。这些网络在2014年的ImageNet大规模视觉识别挑战赛(ILSVRC-2014)中表现出色,虽然不是当年的冠军&#xf…

Plugin [id: ‘flutter‘] was not found in any of the following sources解决方法

文章目录 错误描述解决方法修正方案:继续使用 apply from修正后的 build.gradle说明警告的处理进一步验证 错误描述 Plugin [id: ‘flutter’] was not found in any of the following sources: Gradle Core Plugins (not a core plugin, please see https://docs…

spark connector部分更新写starrocks 出现磁盘暴涨

问题描述: 对starrocks中的主键模型表中的亿级大表中的部分字段进行更新操作,但是更新过程中发现sr集群磁盘出现暴涨,直接导致其他业务数据写入报错。 基础信息: spark: 3.3.2 starrocks: 3.2 更新字段数:5列4亿行 数…

The Past, Present and Future of Apache Flink

摘要:本文整理自阿里云开源大数据负责人王峰(莫问)在 Flink Forward Asia 2024上海站主论坛开场的分享,今年正值Flink开源项目诞生的第10周年,借此时机,王峰回顾了Flink在过去10年的发展历程以及 Flink社区…

【React】ant-design 重置表单

官网中的所在位置&#xff1a; 1、在组件中配置&#xff1a; const [form] Form.useForm(); 2、在点击重置按钮的函数中配置&#xff1a; form.resetFields() 3、在表单中配置&#xff1a; <Form form{form}>...</Form>

【人脸检测】OpenCV调用深度学习模型实现人脸检测-java

介绍 这个Dome是利用OpenCV加载Tensorflow训练的模型&#xff0c;然后返回图片中人脸的位置信息&#xff0c;然后再显示出来 效果&#xff0c;大家可以参考这里7.46 复制打开抖音&#xff0c;看看【写的一手烂代码的作品】人脸检测 java也能用深度学习模型&#xff0c;识别率…

基于决策树方法的心脏病患者患病因子的可视化分析

1 概述 心脏病作为全球范围内的主要健康问题,其患病因素分析与可视化研究具有重要的公共卫生意义。心脏病的发病机制复杂,涉及遗传、环境、生活方式等多种因素。随着社会的发展和生活方式的变化,心脏病的患病率在全球范围内持续上升,特别是在发展中国家,这一趋势更加明显…

杭州乘云联合信通院发布《云计算智能化可观测性能力成熟度模型》

原文地址&#xff1a;杭州乘云联合中国信通院等单位正式发布《云计算智能化可观测性能力成熟度模型》标准 2024年12月3日&#xff0c;由全球数字经济大会组委会主办、中国信通院承办的 2024全球数字经济大会 云AI计算创新发展大会&#xff08;2024 Cloud AI Compute Ignite&…